{"id":25929,"date":"2016-03-04T14:11:39","date_gmt":"2016-03-04T12:11:39","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=25929"},"modified":"2016-03-04T14:11:39","modified_gmt":"2016-03-04T12:11:39","slug":"material-design-for-bootstrap","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/","title":{"rendered":"Material Design for Bootstrap"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"http:\/\/getbootstrap.com\/\">Twitter Bootstrap<\/a> + <a href=\"https:\/\/www.google.com\/design\/spec\/material-design\/introduction.html\">Google Material Design<\/a> = <a href=\"http:\/\/mdbootstrap.com\/\">Material Design for Bootstrap<\/a>\u00a0:<\/p>\n<blockquote><p><strong>300+<\/strong> material UI elements, <strong>1000+<\/strong> material icons, <strong>74<\/strong> CSS animations, helpers, templates, SASS files and many more.<\/p>\n<p>All fully <strong>responsive<\/strong>. All <strong>compatible<\/strong> with different browsers.<\/p><\/blockquote>\n<p>Some components are commercial, but the prices for <a href=\"http:\/\/mdbootstrap.com\/product\/material-design-for-bootstrap-pro\/\">the PRO version<\/a> are very affordable:<\/p>\n<ul>\n<li>Personal Single Site \/ Application : $29<\/li>\n<li>Developer Multiple Sites \/ Applications : $69<\/li>\n<li>Corporate Multiple Sites \/ Applications : $199<\/li>\n<\/ul>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>Twitter Bootstrap + Google Material Design = Material Design for Bootstrap\u00a0: 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \/ Application &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Material Design for Bootstrap<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Material Design for Bootstrap #WebDesign #WebDev #Bootstrap #MaterialDesign","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1517,3162,1157,1330],"keyring_services":[],"class_list":["post-25929","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","tag-css","tag-twitter-bootstrap","tag-web-design","tag-web-development"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap : 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \/ Application\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Leonid Mamchenkov\"\/>\n\t<meta name=\"google-site-verification\" content=\"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Leonid Mamchenkov - Life, universe, and everything else\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Material Design for Bootstrap - Leonid Mamchenkov\" \/>\n\t\t<meta property=\"og:description\" content=\"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap : 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \/ Application\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2016-03-04T12:11:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-03-04T12:11:39+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MamchenkovBlog\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Material Design for Bootstrap - Leonid Mamchenkov\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap : 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \/ Application\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#blogposting\",\"name\":\"Material Design for Bootstrap - Leonid Mamchenkov\",\"headline\":\"Material Design for Bootstrap\",\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#articleImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"},\"datePublished\":\"2016-03-04T14:11:39+02:00\",\"dateModified\":\"2016-03-04T14:11:39+02:00\",\"inLanguage\":\"en-US\",\"commentCount\":1,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#webpage\"},\"articleSection\":\"All, Technology, Web work, CSS, Twitter Bootstrap, web design, web development\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"name\":\"Web work\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"position\":3,\"name\":\"Web work\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#listItem\",\"name\":\"Material Design for Bootstrap\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#listItem\",\"position\":4,\"name\":\"Material Design for Bootstrap\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"name\":\"Web work\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#webpage\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/\",\"name\":\"Material Design for Bootstrap - Leonid Mamchenkov\",\"description\":\"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap : 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \\\/ Application\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2016\\\/03\\\/04\\\/material-design-for-bootstrap\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"datePublished\":\"2016-03-04T14:11:39+02:00\",\"dateModified\":\"2016-03-04T14:11:39+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/\",\"name\":\"Blog of Leonid Mamchenkov\",\"description\":\"Life, universe, and everything else\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Material Design for Bootstrap - Leonid Mamchenkov","description":"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap : 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \/ Application","canonical_url":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#blogposting","name":"Material Design for Bootstrap - Leonid Mamchenkov","headline":"Material Design for Bootstrap","author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"},"image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#articleImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"},"datePublished":"2016-03-04T14:11:39+02:00","dateModified":"2016-03-04T14:11:39+02:00","inLanguage":"en-US","commentCount":1,"mainEntityOfPage":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#webpage"},"isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#webpage"},"articleSection":"All, Technology, Web work, CSS, Twitter Bootstrap, web design, web development"},{"@type":"BreadcrumbList","@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/mamchenkov.net\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","name":"Web work"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","position":3,"name":"Web work","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#listItem","name":"Material Design for Bootstrap"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#listItem","position":4,"name":"Material Design for Bootstrap","previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","name":"Web work"}}]},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/#person","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author","url":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"WebPage","@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#webpage","url":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/","name":"Material Design for Bootstrap - Leonid Mamchenkov","description":"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap : 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \/ Application","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/#breadcrumblist"},"author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"creator":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"datePublished":"2016-03-04T14:11:39+02:00","dateModified":"2016-03-04T14:11:39+02:00"},{"@type":"WebSite","@id":"https:\/\/mamchenkov.net\/wordpress\/#website","url":"https:\/\/mamchenkov.net\/wordpress\/","name":"Blog of Leonid Mamchenkov","description":"Life, universe, and everything else","inLanguage":"en-US","publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"}}]},"og:locale":"en_US","og:site_name":"Leonid Mamchenkov - Life, universe, and everything else","og:type":"article","og:title":"Material Design for Bootstrap - Leonid Mamchenkov","og:description":"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap : 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \/ Application","og:url":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/","og:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:secure_url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:width":1024,"og:image:height":1024,"article:published_time":"2016-03-04T12:11:39+00:00","article:modified_time":"2016-03-04T12:11:39+00:00","article:publisher":"https:\/\/www.facebook.com\/MamchenkovBlog","twitter:card":"summary_large_image","twitter:site":"@mamchenkov","twitter:title":"Material Design for Bootstrap - Leonid Mamchenkov","twitter:description":"Twitter Bootstrap + Google Material Design = Material Design for Bootstrap : 300+ material UI elements, 1000+ material icons, 74 CSS animations, helpers, templates, SASS files and many more. All fully responsive. All compatible with different browsers. Some components are commercial, but the prices for the PRO version are very affordable: Personal Single Site \/ Application","twitter:creator":"@mamchenkov","twitter:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg"},"aioseo_meta_data":{"post_id":"25929","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-07-19 17:52:46","updated":"2026-01-15 12:03:45","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/\" title=\"Web work\">Web work<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tMaterial Design for Bootstrap\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/mamchenkov.net\/wordpress"},{"label":"Technology","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/"},{"label":"Web work","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/"},{"label":"Material Design for Bootstrap","link":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/04\/material-design-for-bootstrap\/"}],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":22586,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/09\/29\/bootstrap-material-design-twitter-bootstrap-3-theme-based-on-google-material-design\/","url_meta":{"origin":25929,"position":0},"title":"Bootstrap Material Design &#8211; Twitter Bootstrap 3 theme based on Google Material Design","author":"Leonid Mamchenkov","date":"September 29, 2014","format":"link","excerpt":"Bootstrap Material Design - Twitter Bootstrap 3 theme based on Google Material Design.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"bootstrap material design","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/09\/bootstrap-material-design-500x377.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18104,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/04\/29\/bootstrap-vs-foundation-vs-skeleton-responsive-css-framework-comparison\/","url_meta":{"origin":25929,"position":1},"title":"Bootstrap vs. Foundation vs. Skeleton &#8211; Responsive CSS Framework Comparison","author":"Leonid Mamchenkov","date":"April 29, 2013","format":"link","excerpt":"Bootstrap vs. Foundation vs. Skeleton - Responsive CSS Framework Comparison","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22784,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/11\/02\/responsive-dashboard-templates-for-twitter-bootstrap\/","url_meta":{"origin":25929,"position":2},"title":"Responsive Dashboard Templates for Twitter Bootstrap","author":"Leonid Mamchenkov","date":"November 2, 2014","format":"link","excerpt":"Responsive Dashboard Templates for Twitter Bootstrap","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"dashboard preview","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/11\/dashboard-preview-500x316.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18775,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/11\/16\/pixelkit-bootstrap-based-free-ui-kits\/","url_meta":{"origin":25929,"position":3},"title":"PixelKit : Bootstrap-based free UI kits","author":"Leonid Mamchenkov","date":"November 16, 2013","format":"link","excerpt":"PixelKit : Bootstrap-based free UI kits","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"dark velvet","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/11\/dark_velvet-500x323.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":24619,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/08\/21\/bootsnipp-code-snippets-for-bootstrap\/","url_meta":{"origin":25929,"position":4},"title":"Bootsnipp &#8211; code snippets for Bootstrap","author":"Leonid Mamchenkov","date":"August 21, 2015","format":"link","excerpt":"Bootsnipp - design elements, playground, and code snippets for Twitter Bootstrap","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18021,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/04\/15\/upcoming-release-of-twitter-bootstrap-3-0\/","url_meta":{"origin":25929,"position":5},"title":"Upcoming release of Twitter Bootstrap 3.0","author":"Leonid Mamchenkov","date":"April 15, 2013","format":"link","excerpt":"Upcoming release of Twitter Bootstrap 3.0 Twitter Bootstrap 3.0 is coming soon. \u00a0There are many changes and improvements, with \"Mobile first!\" being the main focus for this release. \u00a0Read through the checklist of the linked pull request for more information.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/25929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=25929"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/25929\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=25929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=25929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=25929"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=25929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}