Bootstrap 5 & Material Design UI KIT
Go to file
2015-11-25 16:01:18 -06:00
docs #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
grunt #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
js #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
scss #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
_config.yml #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
.editorconfig #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
.gitattributes #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
.gitignore #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
.hound.yml #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
.npmignore Add .npmignore 2015-11-19 19:48:34 +01:00
.ruby-gemset prepare grunt-less-to-sass 2015-11-02 13:42:29 -06:00
.ruby-version prepare grunt-less-to-sass 2015-11-02 13:42:29 -06:00
.travis.yml #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
bower.json #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
CONTRIBUTING.md #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
Gemfile #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
Gemfile.lock #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
Gruntfile.js #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
LICENSE.md #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
package.js #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
package.json #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
README.md #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00
sache.json #728 Initial restructuring of project and alignment with BS4 tooling and documentation. 2015-11-25 16:01:18 -06:00

bootstrap-material-design

WARNING: These docs relate to the next major release and integration with bootstrap V4.

build status gratipay Bower version

banner

Bootstrap Material Design 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 Bootstrap Material Design 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 (Paper) style.

TODO: docs/demo link

How to install

You may install this theme using Bower or Meteor:

  • Bower : bower install bootstrap-material-design
  • Meteor: meteor add fezvrasta:bootstrap-material-design

If you prefer, you can include this framework in your project using our official CDN:

Getting started

Add the necessary links to your <head element for fonts To embed Roboto into your web page, copy the code as the first element in the <head> of your HTML document.

  <!-- Material Design fonts -->
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  <!-- Bootstrap Material Design -->
  <link href="dist/css/bootstrap-material-design.css" rel="stylesheet">

Support

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

gittip issues

Contributing

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 one of Bootstrap's founder's Mark Otto.

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

Development

Tools

We are using Grunt to automate the workflow and build process. Ensure you have nodejs installed and grunt-cli and bower installed globally. After cloning the repo, run npm install to ensure you have all dev dependencies.

SASS

The Bootstrap 4.x compatible version is developed using SASS.

The Bootstrap 3.x compatible version was developed using LESS, with an automated conversion to SASS. TODO: The Bootstrap 3.x compatibile version is available as version 0.x.x

Documentation

TODO: For customization and examples, please see the documentation (link)

Material Design Specification

Versioning

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.

License

MIT License