In the last couple of years, the rise in JavaScript frameworks has been matched by a rise in frontend design frameworks such as Bootstrap and Foundation. These frameworks provide a consistent set of HTML markup and base CSS files that will render a user interface with a specific look and feel. You can customize this look and feel by providing your own version of the base CSS or use a prebuilt one. Frontend design frameworks have a central grid system that is used to layout and organize content. They also have support for implementing responsive web design with a lot of built-in functionality that will adapt the user interface for various screen sizes.

In this book, we will use the Bootstrap framework and, although an initial overview is provided, a good place to get more in-depth documentation is http://getbootstrap.com.

The Bootstrap grid system is based on a 12-column layout that is usually built with div tags and special CSS classes to differentiate...