Saturday, February 21, 2015

Bootstrap

- Introduction to Bootstrap


- Bootstrap is popular open source toolkit for building front end applications.

- Bootstrap helps you build web pages with the help of Html,CSS and JavaScript.

- With Bootstrap one can get good looking web site up and running quickly.

- Bootstrap has 

  • Two CSS files. bootstrap.css and bootstrap-responsive.css
  • Few png image Sprites. Each image sprite containing multiple glyph images.
  • One JavaScript file Bootstrap.js. This file is required only if one is using Bootstrap widgets. This file has dependency on JQuery. So if main page requires Bootstrap then JQuery.js will also have to be included.

- When a Html page has links to multiple CSS files, order matters. If there is a class defined in two or more CSS files then bottom one would be used. i.e. Bottom file has more precedence than upper file.

- Overriding Bootstrap class definitions: Copy definition of the class which is to be overridden. Paste it into another CSS file. Modify the pasted class definition. Make sure that Html page links Bootstrap.css file before and modified CSS file after.

No comments:

Post a Comment