Chapter 8

Working Faster with Twitter Bootstrap


Understanding what Twitter Bootstrap does

Viewing layouts created with Twitter Bootstrap

Creating web page elements using Twitter Bootstrap

Speed, it seems to me, provides the one genuinely modern pleasure.


Twitter Bootstrap is a free toolkit that allows users to create web pages quickly and with great consistency. In 2011, two Twitter developers, Mark Otto and Jacob Thornton, created the toolkit for internal use at Twitter, and soon after released it to the general public. Before Bootstrap, developers would create common web page features over and over again and each time slightly differently, leading to increased time spent on maintenance. Bootstrap has become one of the most popular tools used in creating websites, and is used by NASA and Newsweek for their websites. With a basic understanding of HTML and CSS, you can use and customize Bootstrap layouts and elements for your own projects.

In this chapter, you discover what Bootstrap does and how to use it. You also discover the various layouts and elements that you can quickly and easily create when using Bootstrap.

Figuring Out What Bootstrap Does

Imagine you are the online layout developer for The Washington Post, responsible for coding the front page of the print newspaper (see Figure 8-1) into a digital website version. The newspaper consistently uses the same font size and typeface for the main headline, captions, and bylines. Similarly, ...

Get Coding For Dummies now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.