Cover by David Cochran

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 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.

Getting ready

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required