Grid
Small details. A consistent experience.
In practice
col-6
col-6
col-4
col-4
col-4
col-3
col-6
col-3
col-md-8
col-md-4
More possibilities
Bootstrap’s twelve-column grid uses responsive breakpoints: sm, md, lg, xl, and xxl.
Stacks on mobile
Splits on desktop
Usage
<div class="row g-4"><div class="col-md-8">Main</div><div class="col-md-4">Aside</div></div>