Basic installation

Replace your bootstrap.css file with the bootstrap.css provided in the dist folder (or the .min.css if needed)

Copy bootstrap-select.js into your js folder and add the script to your page with

<script src="js/bootstrap-select.js"></script>

Don't forget to load Font Awesome

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

Custom installation

All files needed to build the theme are provided!

To build a custom theme you need NodeJs, GruntJS and Bower.

Install NodeJS, then GruntJS and Bower

sudo npm -g install grunt-cli karma bower

Inside the project load all dependencies with

npm install

The gruntfile provided allow you to build this demo with

grunt dist

To watch for changes

grunt watch

Built files are in

pages/

Pricing

Pricing table are built with classes pricing pricing-element princing-featured features

<div class="row pricing">
  <div class="pricing-element col-md-3">
  <h5>Simple Plan</h5>
  <p class="price">$9.99</p>
  <p class="subprice">per month</p>

  <ul class="features">
  <li>Language choice</li>
  <li>10GB of storage</li>
  <li>Traffic 60GB</li>
  <li>100 domains</li>
  <li>unlimited databases</li>
  <li>Datacenter choice: USA or Europe</li>
  </ul>

  <a class="btn">Choose Plan</a>
  </div>  
  <div class="col-md-3 pricing-element pricing-featured">
  ...
  </div>
  <div class="col-md-3 pricing-element">
  ...
  </div>
  <div class="col-md-3 pricing-element">
  ...
  </div>
</div>