Columnsv5.x

Bootstrap uses a 12-column grid to structure content

Bootstrap v5.x | Columns

Column Sets

EXAMPLES
1 column | 100%
2 columns | 33% - 66%
3 columns | 25% - 50% - 25%

All Columns in 1 Row

example

100%

25%

75%

25%

50%

25%

<div class="row">
   <div class="col-sm-12">100%</div>
</div>
<div class="row">
   <div class="col-sm-3">25%</div>
   <div class="col-sm-9">75%</div>
</div>
<div class="row">
   <div class="col-sm-3">25%</div>
   <div class="col-sm-6">50%</div>
   <div class="col-sm-3">25%</div>
</div>