Are you happy with your logging solution? Would you help us out by taking a 30-second survey? Click here


Material design theme for Bootstrap 3 and 4

Subscribe to updates I use bootstrap-material-design

Statistics on bootstrap-material-design

Number of watchers on Github 19081
Number of open issues 25
Average time to close an issue 6 days
Main language CSS
Average time to merge a PR 6 days
Open pull requests 11+
Closed pull requests 44+
Last commit almost 2 years ago
Repo Created over 5 years ago
Repo Last Updated over 1 year ago
Size 41.3 MB
Homepage http://fezvrasta....
Organization / Authorfezvrasta
Latest Releasev4.1.1
Page Updated
Do you use bootstrap-material-design? Leave a review!
View open issues (25)
View bootstrap-material-design activity
View on github
Fresh, new opensource launches πŸš€πŸš€πŸš€
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating bootstrap-material-design for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

Material Design for Bootstrap

Material Design for Bootstrap is the best way to use Material Design guidelines by Google in your Bootstrap 4 based application. Since this is a fully customizable version of Bootstrap, just include Material Design for Bootstrap CSS instead of Bootstrap CSS, and include the JavaScript at the end of your document (just before the </body> tag), and everything will be converted to Material Design.



The things to do are a lot and the time is little, if you are a passionate developer with experience with Bootstrap and Material Design for Bootstrap and you have some spare time, please consider becoming a contributor of this project!
If you are interested contact @FezVrasta or just adopt one of our issues.

If you like this project you may support it by donating, starring this repository or reporting issues.
All issues filed should be reduced to a CodePen test case where possible.



If you want to get involved, please do so by submitting pull requests.
Before undertaking any major PR effort, please check the existing issues.
If there isn't one, please file a new issue so we can discuss and assign the work so effort is not duplicated.
Thank you!

Standard guidelines

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

Moreover, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the Code Guide, maintained by Mark Otto, one of Bootstrap's founders.

Editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at


For transparency into our release cycle and in striving to maintain backward compatibility, this project is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to those rules whenever possible.

See the Releases section of our GitHub project for changelogs of each release version.


MIT License

bootstrap-material-design open issues Ask a question     (View All Issues)
  • about 3 years Select does not have an arrow
  • about 3 years Selectize retaining hover/selected color historically?
  • about 3 years Icon in navbar not properly spaced
  • about 3 years Shadow (z-depth) helpers
  • about 3 years v4: Can't import bootstrap-material-design
  • about 3 years Ripple effect doesn't work under Safari & Firefox
  • about 3 years .well and .jumbotron have unnecessary parent dependency
  • about 3 years Trigger ripples from js
  • over 3 years V4: Collapse inline (width) not working properly
  • over 3 years V4: Jumbotron styling
  • over 3 years V4: Popovers styling
  • over 3 years Labels inside disabled fieldset gets focus
  • over 3 years V4: promotion/release to master + v3 maintenance branch
  • over 3 years v3 tabs implementation
  • over 3 years V4: Cannot compile with ruby SASS
  • almost 4 years Required Fields spec compliance behavior
  • almost 4 years v4 remove flex workarounds when pulls are accepted
  • almost 4 years Dropdown-menu clipped when inside card-content (-webkit-column)
  • almost 4 years v4 checkbox and radios using material design icons
  • about 4 years input focus not shown on radio/checkbox when using keyboard
  • over 4 years list-group not styled properly
  • over 4 years Card height to automatically fit content
  • over 4 years Dropdown Menu is not styled to spec
  • almost 5 years Dropdown point of origin - material should appear from touchpoint.
  • about 5 years Scrollable tabs
bootstrap-material-design open pull requests (View All Pulls)
  • Make markup changes idempotent
  • Checkboxes should not animate on page load
  • Fixed: link to node_modules/bootstrap from sass @import
  • Remove extra 'v'
  • Performance and handly usage
  • v4: Can't import bootstrap-material-design #1105
  • check it with
  • Fixing issue #957
  • error occured when building with webpack (mix)
  • fix bug #1278 - reverts lineheight to default 1.5 and uses padding to…
  • Docs: Update download page
bootstrap-material-design questions on Stackoverflow (View All Questions)
  • initialize Bootstrap Material Design in Ember.js App
  • Unable to compile less for bootstrap-material-design
  • Radio buttons in bootstrap material design become invisible while using ng-repeat
  • Angular bootstrap-material-design removes ripple effect in ng-repeat
  • Bootstrap material design caret gone after build
  • bootstrap material design and Aurelia
  • Lack of ripples in Bootstrap Material Design
  • Bootstrap material design - Ripples not showing in popover
  • How to override background of Bootstrap Material Design theme?
  • Bootstrap Material Design cdn
  • Integrate LESS version of Bootstrap-Material-Design to Rails Project
  • Bootstrap material design- floating labels are not floated when data is loaded dynamically
bootstrap-material-design list of languages used
bootstrap-material-design latest release notes
v4.1.1 v4.1.1

As for any big release, there was an horrible bug that prevented most of the JS components to work, now it's good!

v4.1.0 v4.1.0

We finally reached a stable release!

The new 4.1.0 is the first stable Material Design for Bootstrap release, based on Bootstrap 4.0.0

Make sure not to use any previous 4.x version because they are outdated.

v4.0.0-beta.4 v4.0.0-beta.4

This release fixes the dropdowns animations, the navbars styling and other minor problems.

Other projects in CSS