Bootstrap Grid

noun

say it: “BOOT-strap grid” /ˈbuːtstræp ɡrɪd/

Bootstrap's layout system of containers, rows and twelve columns that can change at each screen size.

What is Bootstrap Grid in CSS?

Bootstrap Grid — Bootstrap's layout system: a container holds rows, and each row splits into 12 columns. Classes like col-md-8 say how many of the 12 a box takes, and from which screen size, so a layout can stack on a phone and sit side by side on a laptop.

<div class="container">
  <div class="row">
    <div class="col-md-8">Product list</div>
    <div class="col-md-4">Cart</div>
  </div>
</div>

In a sentence

• “The Bootstrap grid put the cart beside the product list on a laptop and under it on a phone.”

Level: Apprentice · More CSS terms at this level

Updated October 28, 2026