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 um Viewport, vu Rand bis Rand, awer nëmmen nodeems Dir laanscht scrollt.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Sticky ënnen

Positionéiert en Element um Enn vum Viewport, vu Rand bis Rand, awer nëmmen nodeems Dir laanscht scrollt.

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

Reaktiounsfäeger Pechpabeier ënnen

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

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