Skip to content

zivost/bootstrap-material-ease

Repository files navigation

Bootstrap-Material-Ease

This repo is a Fork of https://github.com/FezVrasta/bootstrap-material-design repository for easier installation and usage.

What is this?

I was facing issues in installing the `bootstrap-material` bower package and hence I decided to extract the necessary files and create a bower package for my own use and well you can use it too.

How to use this?

Prerequisites

  1. Bootstrap CSS and JS
  2. JQuery

You may install this theme using Bower or Manual:

Bower : bower install bootstrap-material-ease
Manual : Manually Download and Place dist folder appropriately

Use the below code to initialize the Material Theme

Add the necessary links to your `` element for fonts and stylsheets: ```html ```

Add the necessary links to the end of your <body> element for js:

  <!-- JQuery -->
  <script src="//code.jquery.com/jquery-2.2.2.min.js"></script>
  <!-- Bootstrap JS -->
  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
  <!-- Material Design JS -->
  <script src="/vendor/bootstrap-material-ease/dist/js/material.js"></script>
  <script src="/vendor/bootstrap-material-ease/dist/js/ripples.js"></script>
  <!-- Bootstrap-Material-Ease Init JS -->
  <script>
      $(function () {
        $.material.init();
      });
  </script>

You are now good to go

try the following code ```html
Bootstrap-Material-Ease
  • Dashboard
  • Organisation
  • Reviews
  • Invite
  • Groups
  • Roles
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> <script src="../bower-components/bootstrap-material-ease/dist/js/material.js"></script> <script src="../bower-components/bootstrap-material-ease/dist/js/ripples.js"></script> <script> $(function () { $.material.init(); }); </script> ```

For more codes visit the original developer at https://github.com/FezVrasta/bootstrap-material-design