Saturday, June 29, 2013

How to use Twitter Bootstrap

Twitter Bootstrap is become standard for developing web UI and it's kind of web 3.0 which uses HTML5 and CSS3 to make UI beautiful.

Following are steps to use Twitter Bootstrap


  1. Download jQuery --ver 1.8 or greater version from http://jquery.com/download/
  2. Customise Bootstrap from http://twitter.github.io/bootstrap/customize.html
  3. Finally include jQuery, Bootstrap-css, Bootstrap-js, and Bootstrap images in your project.
What if you are using jQuery-UI, no problem jquery-ui Bootstrap is also available 

But two things are missing in Twitter Bootstrap
  1. Datepicker
  2. DateTimepicker
  3. Bootstrap Dropdown for Select-box
Following are the respective list for including Datepicker, Datetimepicker, and SelectBox
  1. If you only want Datepicker use http://www.eyecon.ro/bootstrap-datepicker/
  2. If you want Datetimepicker use http://tarruda.github.io/bootstrap-datetimepicker/ which also include Datepicker so you can leave eyecon date picker if you want to use Datetime picker
  3. For converting simple dropdown select box to Bootstrap dropdown use http://silviomoreto.github.io/bootstrap-select/

No comments:

Post a Comment

Followers