Background Borders Display Flex Float Interactions Link Object fit Others Position Sizing Spacing Text Thumbnail Visibility z-index

Position (position)

Fixed top (fixed-top)

Fixed bottom (fixed-bottom)

Sticky top (sticky-top)

Sticky top from small (sticky-sm-top)

Sticky top from medium (sticky-md-top)

Sticky top from large (sticky-lg-top)

Sticky top from extra large (sticky-xl-top)

Sticky top from extra extra large (sticky-xxl-top)

Sticky bottom (sticky-bottom)

Sticky bottom from small (sticky-sm-bottom)

Sticky bottom from medium (sticky-md-bottom)

Sticky bottom from large (sticky-lg-bottom)

Sticky bottom from extra large (sticky-xl-bottom)

Sticky bottom from extra extra large (sticky-xxl-bottom)
<p class="fixed-top">Fixed top (fixed-top)</p> <p class="fixed-bottom">Fixed bottom (fixed-bottom)</p> <p class="sticky-top">Sticky top (sticky-top)</p> <p class="sticky-sm-top">Sticky top from small (sticky-sm-top)</p> <p class="sticky-md-top">Sticky top from medium (sticky-md-top)</p> <p class="sticky-lg-top">Sticky top from large (sticky-lg-top)</p> <p class="sticky-xl-top">Sticky top from extra large (sticky-xl-top)</p> <p class="sticky-xxl-top">Sticky top from extra extra large (sticky-xxl-top)</p> <p class="sticky-bottom">Sticky bottom (sticky-bottom)</p> <p class="sticky-sm-bottom">Sticky bottom from small (sticky-sm-bottom)</p> <p class="sticky-md-bottom">Sticky bottom from medium (sticky-md-bottom)</p> <p class="sticky-lg-bottom">Sticky bottom from large (sticky-lg-bottom)</p> <p class="sticky-xl-bottom">Sticky bottom from extra large (sticky-xl-bottom)</p> <p class="sticky-xxl-bottom">Sticky bottom from extra extra large (sticky-xxl-bottom)</p>