The grid system

Use rows and columns to create a grid of a specific size and add data to it. Here are a few guidelines to keep in mind:

  • Place rows in a .container(fixed-width) or .container-fluid(full-width) methods for accurate alignment.
  • Horizontal groups of columns can be created using rows. Insert data in columns, and only columns may be immediate children of rows.

Padding is used by columns for creating gutters. That cushioning is counterbalanced in lines for the first and the last section by means of negative edge on .lines. Initiate columns by specifying the number columns. Not more than 12 columns can be initiated in a row, all extra columns will jump on a new line. Grid classes apply to devices with screen widths greater than or equal to ...

Get Web Developer's Reference Guide 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.