Grid System §

---

O Grid System do Bootstrap 5 é um sistema de layout responsivo que utiliza containers, rows e columns para organizar e alinhar conteúdo em páginas web. Ele é construído com flexbox e permite até 12 colunas na página.

A funcionalidade do Grid System é dividida em três partes principais

• Columns
• Rows
• Gutters

Nota

A hierarquia do sistema de grid do Bootstrap vai de Containers para Rows para Columns até o conteúdo.

Exemplo §

<div class="container">
  <div class="row">
    <div class="col">
      Column
    </div>
    <div class="col">
      Column
    </div>
    <div class="col">
      Column
    </div>
  </div>
</div>

Referências §

---

• Bootstrap 5 Crash Course