Bootstrap is an open source front-end framework to develop responsive websites. You cannot create a mobile-friendly and responsive website without the grid system. Sites designed responsively are generally fluid designs. The fluid grid system uses percentages instead of pixels for column widths. This framework is developed by Twitter and available free at GitHub.

You just need basic knowledge of web technologies (HTML, CSS and Javascript) to build dynamically adjustable web pages with the help of bootstrap. It based on grid system and provides a variety of pre-defined components which are not only useful for novice web developers but also a boon for expert coders. Bootstrap allows experts to customize it and create a something new with the help of Less and Sass.

Think it as a jigsaw puzzle, different pieces of website are available (attractive navigation bar, image slider and nice typography etc) you just have to put them in right place to complete your website. It’s mean that all required CSS classes and javascript plugins are already included in bootstrap package. This framework is useful for dealing with many repetitive tasks required to develop a website, and it improve development turnaround time. There are many common tasks that every web designer caries out while developing a website. At the time of writting this article Bootstrap’s v3.3.4 is available which can be downloaded from

Before proceeding read about grid system here What is Grid System and how it woks.