Giter Site home page Giter Site logo

jiangzhonghui / bootstrap-material-design-1 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from aufree/bootstrap-material-design

0.0 3.0 0.0 1.02 MB

[INACTIVE] The bootstrap-material-design bundled as an asset for the rails asset pipeline.

License: Other

Ruby 3.25% JavaScript 5.15% HTML 90.67% CoffeeScript 0.05% CSS 0.88%

bootstrap-material-design-1's Introduction

Material Design for Bootstrap

bootstrap-material-design provides the Bootstrap-Material-Design web fonts, javascripts and stylesheets as a Rails engine for use with the asset pipeline.

You can check out the demo at this link.

Installation

Add this line to your application's Gemfile:

gem 'bootstrap-material-design'

And then execute:

$ bundle

Or install it yourself as:

$ gem install bootstrap-material-design

Usage

Make sure you have installed the Bootstrap in your Rails application.

You should include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.

Just like this:

application.js:

//= require bootstrap-material-design

application.css:

/*
 *= require bootstrap-material-design
 */

Then restart your webserver if it was previously running.

That's it, hava fun!

Also you can see more details about bootstrap-material-design at this link or clone my gem in your computer, then run cd bootstrap-material-design/test/dummy_app && bundle && rails s, that just give a demo for you.

Thanks

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

bootstrap-material-design-1's People

Contributors

aufree avatar tarebyte avatar hzchirs avatar

Watchers

James Cloos avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.