You are previewing Twitter Bootstrap Web Development How-To.

Twitter Bootstrap Web Development How-To

Cover of Twitter Bootstrap Web Development How-To by David Cochran Published by Packt Publishing
O'Reilly logo

Conquering the layout (Must know)

One of the persistent problems of web design is achieving an effective, cross-browser compatible layout. Over the years, some excellent frameworks have been developed to tackle this problem. Twitter Bootstrap features a variation on the popular 960 grid system (see it at By comparison, Bootstrap's grid system offers a simpler syntax. It is also responsive, so that the layout can adjust to devices of varying sizes, from desktop computers to tablets and handheld devices.

Soon we'll use this grid system to create a few new pages for our custom site. First, let's get familiar with the basic features of the Bootstrap grid system.

Getting ready

Let's begin by creating a page that we'll use as a "Layout ...

The best content for your career. Discover unlimited learning on demand for around $1/day.