Chapter 2Bootstrap Grid System
In this chapter, we'll discover one of the most important features of Bootstrap: the grid system. We'll learn how the grid system works and how we can use it in our applications. We'll also create some sample website layouts in order to understand it better.
What Is a Grid System?
A grid system allows us to properly house our website's content. It divides the screen into multiple rows and columns that can be used to create various types of layouts. Once we have the rows and columns defined, we can decide which HTML element will be placed where.
Bootstrap's grid system divides the screen into columns―up to 12 in each row. The column widths vary according to the size of screen they're displayed in. Hence, Bootstrap's ...
Get Jump Start Bootstrap 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.