Material Design for Bootstrap 3 by fezvrasta
Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework.
If you like this project you can support me by donating something on Gratipay, starring this repository, or reporting bugs and ideas.
Read more about Material Design for Bootstrap at the Github page.
bower install bootstrap-material-design
npm install bootstrap-material-design
Getting Started
Download
Install with NPM
You can also install and manage Material Bootstrap using NPM
npm install bootstrap-material-design
Install with Bower
You can also install and manage Material Bootstrap using Bower
bower install bootstrap-material-design
What's included
Material Design for Bootstrap is downloadable in a two forms. First, as less/sass source files. Second, as compiled .css files.
Required Frameworks
Bootstrap v3.0+
This theme extends, styles, and modifies Bootstrap's elements and styles. Without Bootstrap this project will not display correctly. To install Bootstrap please go to Get BootstrapjQuery 1.9.1+
All JavaScript plugins require jQuery to be included.
If downloading instead of using Bower, once downloaded, unzip the compressed folder to see the structure of (the compiled) Material Design for Bootstrap. You'll see something like this:
Material/
├── css/
│ ├── bootstrap-material-design.css
│ ├── bootstrap-material-design.css.map
│ ├── bootstrap-material-design.min.css
│ ├── bootstrap-material-design.min.css.map
│ ├── ripples.css.map
│ ├── ripples.min.css
│ ├── ripples.min.css.map
├── js/
│ ├── material.js
│ ├── material.min.js
│ ├── material.min.js.map
│ ├── ripples.js
│ ├── ripples.min.js
│ ├── ripples.min.js.map
Just copy the compiled CSS and JS files and the font files from the .zip and add them to your site.
Once copied you need to initialize the material javascript by adding the following javascript to your site,
$.material.init()
Examples
Bootstrap-material-design-bootstrap-elements-components
Download Package:
https://www.gittip.com/FezVrasta/
FezVrasta bootstrap-material-design master.zip
No comments :
Post a Comment