Bootstrap 5 Learning Kit

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

Vertical rule

Default

<div class="vr"></div>
<div class="vr"></div>

Height

<div class="d-flex" style="height: 100px;">
  <div class="vr"></div>
</div>
<div class="d-flex" style="height: 100px;"> <div class="vr"></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 class="vr"></div>
  <div class="bg-light border p-2">Item in stack</div>
  <div class="vr"></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 class="vr"></div> <div class="bg-light border p-2">Item in stack</div> <div class="vr"></div> <div class="bg-light border p-2">Item in stack</div> </div>