Grid System

Responsive Layouts

The Bootstrap Grid System is built with Flexbox and allows you to create complex layouts using a series of containers, rows, and columns. It uses a 12-column system, making it incredibly easy to design responsive websites.

Core Concepts

• Container — The central wrapper that aligns and centers your content.
• Row — Horizontal groups of columns that ensure proper alignment.
• Col — The actual content holders that span across the 12-column grid.

Implementation

<div class="container">
  <div class="row">
    <div class="col-md-6">Column 1</div>
    <div class="col-md-6">Column 2</div>
  </div>
</nav>