The Bootstrap Grid System uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive across breakpoints.
Official docs: Bootstrap Grid Docs
Type your Bootstrap grid layout below and preview it live:
.container
to wrap your grid, .row
for rows, and .col
, .col-6
, .col-4
, etc. for columns. The grid has 12 columns in total.