# 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.

```html
<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](https://www.ask-codey.com/glossary?category=css&level=2)

Updated: October 28, 2026

Source: https://www.ask-codey.com/glossary/bootstrap-grid