Bootstrap 5 Learning Kit

XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px
Page Navigation:
DefaultHeightWith stacks

Vertical rule

Default

<div></div>
<div></div>

Height

<div class="d-flex" style="height: 100px;">
  <div></div>
</div>
<div class="d-flex" style="height: 100px;"> <div></div> </div>

With stacks

Item in stack
Item in stack
Item in stack
<div class="hstack gap-3">
  <div class="bg-light border p-2">Item in stack</div>
  <div></div>
  <div class="bg-light border p-2">Item in stack</div>
  <div></div>
  <div class="bg-light border p-2">Item in stack</div>
</div>
<div class="hstack gap-3"> <div class="bg-light border p-2">Item in stack</div> <div></div> <div class="bg-light border p-2">Item in stack</div> <div></div> <div class="bg-light border p-2">Item in stack</div> </div>