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
http://960.gs/). 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.
Let's begin by creating a page that we'll use as a "Layout ...