Positioun

Benotzt dës Helfer fir séier d'Positioun vun engem Element ze konfiguréieren.

Op dëser Säit

Fixéiert Top

Positionéiert en Element am Top vum Viewport, vu Rand bis Rand. Gitt sécher datt Dir d'Auswierkunge vun der fixer Positioun an Ärem Projet verstitt; Dir musst eventuell zousätzlech CSS derbäisetzen.

<div class="fixed-top">...</div>

Fixéiert ënnen

Positionéiert en Element um Enn vum Viewport, vu Rand bis Rand. Gitt sécher datt Dir d'Auswierkunge vun der fixer Positioun an Ärem Projet verstitt; Dir musst eventuell zousätzlech CSS derbäisetzen.

<div class="fixed-bottom">...</div>

Sticky Top

Positionéiert en Element uewen op der Viewport, vu Rand bis Rand, awer nëmmen nodeems Dir laanscht scrollt. D' .sticky-topUtility benotzt CSS's position: sticky, déi net voll an all Browser ënnerstëtzt gëtt.

<div class="sticky-top">...</div>

Reaktiounsfäeger Klebstoff Top

Reaktiounsfäeger Variatiounen existéieren och fir .sticky-topUtility.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>