2015-11-20 00:58:21 +03:00
---
layout: home
2015-11-20 02:18:15 +03:00
title: bootstrap-material-design · Material Design for the world's most popular mobile-first and responsive front-end framework.
2015-11-20 00:58:21 +03:00
---
< main class = "bs-docs-masthead" id = "content" role = "main" tabindex = "-1" >
< div class = "container" >
2015-11-20 02:18:15 +03:00
< span class = "bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-outline" > BMD< / span >
< p class = "lead" > Material Design for the world's most popular mobile-first and responsive front-end framework.< / p >
2015-11-20 00:58:21 +03:00
< p class = "lead" >
2015-11-20 02:18:15 +03:00
< a href = "getting-started#download" class = "btn btn-outline-inverse btn-lg" onclick = "ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');" > Download Bootstrap Material Design< / a >
2015-11-20 00:58:21 +03:00
< / p >
2015-11-20 02:18:15 +03:00
2015-11-20 00:58:21 +03:00
< p class = "version" > Currently v{{ site.current_version }}< / p >
{% include ads.html %}
< / div >
< / main >
< div class = "bs-docs-featurette" >
< div class = "container" >
< div class = "row" >
< div class = "col-sm-4" >
< img src = "assets/img/sass-less.png" alt = "Sass and Less support" class = "img-responsive" >
2015-11-20 02:18:15 +03:00
2015-11-20 00:58:21 +03:00
< h3 > Preprocessors< / h3 >
2015-11-20 02:18:15 +03:00
< p > BMD ships with vanilla CSS, but its source code utilizes the two most popular CSS preprocessors,
< a href = "../css/#less" > Less< / a > and
< a href = "../css/#sass" > Sass< / a > . Quickly get started with precompiled CSS or build on the source.< / p >
2015-11-20 00:58:21 +03:00
< / div >
< div class = "col-sm-4" >
< img src = "assets/img/devices.png" alt = "Responsive across devices" class = "img-responsive" >
2015-11-20 02:18:15 +03:00
2015-11-20 00:58:21 +03:00
< h3 > One framework, every device.< / h3 >
2015-11-20 02:18:15 +03:00
< p > BMD easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.< / p >
2015-11-20 00:58:21 +03:00
< / div >
< div class = "col-sm-4" >
< img src = "assets/img/components.png" alt = "Components" class = "img-responsive" >
2015-11-20 02:18:15 +03:00
2015-11-20 00:58:21 +03:00
< h3 > Full of features< / h3 >
2015-11-20 02:18:15 +03:00
< p > With BMB, you get beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.< / p >
2015-11-20 00:58:21 +03:00
< / div >
< / div >
< hr class = "half-rule" >
2015-11-20 02:18:15 +03:00
< p class = "lead" > BMD is open source under the MIT License. It's hosted, developed, and maintained on GitHub.< / p >
2015-11-20 00:58:21 +03:00
< a href = "{{ site.repo }}" class = "btn btn-outline btn-lg" > View the GitHub project< / a >
< / div >
< / div >
< div class = "bs-docs-featurette" >
< div class = "container" >
2015-11-20 02:18:15 +03:00
< h2 class = "bs-docs-featurette-title" > Support BMD development.< / h2 >
2015-11-20 00:58:21 +03:00
< hr class = "half-rule" >
< div class = "row bs-docs-featured-sites" >
2015-11-20 02:18:15 +03:00
< p > If you want support the development of this project please consider donating:< / p >
< a href = "https://www.gratipay.com/FezVrasta/" target = "_blank" class = "btn btn-primary" > Donate with Gratipay< / a >
2015-11-20 00:58:21 +03:00
2015-11-20 02:18:15 +03:00
< form action = "https://www.paypal.com/cgi-bin/webscr" id = "paypal" method = "post" target = "_blank" style = "display: inline-block;" >
< input type = "hidden" name = "cmd" value = "_s-xclick" >
< div class = "btn btn-primary" >
< select name = "hosted_button_id" title = "I can't accept less than 5 euro due to accounting troubles" >
< option value = "DAAK965W2DKYE" > € 5,00< / option >
< option value = "28PH77JK5QWFE" > € 10,00< / option >
< option value = "6B6TJAJ2R99HS" > € 15,00< / option >
< option value = "GJCEKCQFMBVHA" > € 20,00< / option >
< option value = "U7QXM95C8RJ9W" > € 25,00< / option >
< option value = "55S3VBB3U4NAS" > € 50,00< / option >
< / select >
< input type = "submit" value = "DONATE WITH PAYPAL" name = "submit" >
< / div >
< / form >
< p > Thanks to all the people that have donated on Gratipay and PayPal! You are great guys!< / p >
< hr class = "half-rule" >
< h2 class = "bs-docs-featurette-title" > Interested in hiring commercial development help?< / h2 >
< p class = "lead" > Visit
< a href = "http://www.mywebexpression.com" > MyWebExpression< / a > and contact Fez Vrasta using the form on the bottom of the page.
< / p >
< / div >
2015-11-20 00:58:21 +03:00
< / div >
< / div >