Bootstrap 5 Learning Kit

XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px
Page Navigation:
Fixed topFixed bottomSticky topResponsive sticky top

Position

Fixed top

Fixed bottom

Sticky top

Responsive sticky top

Sticky top for SM

Sticky top for MD

Sticky top for LG

Sticky top for XL

<div>
  <h4 class="h5 text-muted mt-3">Sticky top for SM</h4>
  
</div>
<div>
  <h4 class="h5 text-muted mt-3">Sticky top for MD</h4>
  
</div>
<div>
  <h4 class="h5 text-muted mt-3">Sticky top for LG</h4>
  
</div>
<div>
  <h4 class="h5 text-muted mt-3">Sticky top for XL</h4>
  
</div>
<div> <h4 class="h5 text-muted mt-3">Sticky top for SM</h4> </div> <div> <h4 class="h5 text-muted mt-3">Sticky top for MD</h4> </div> <div> <h4 class="h5 text-muted mt-3">Sticky top for LG</h4> </div> <div> <h4 class="h5 text-muted mt-3">Sticky top for XL</h4> </div>