Positioun
Benotzt dës Shorthand Utilities fir séier d'Positioun vun engem Element ze konfiguréieren.
Gemeinsam Wäerter
Schnell Positionéierungsklassen sinn verfügbar, obwuel se net reagéieren.
<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>
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-top
Utility benotzt CSS's position: sticky
, déi net voll an all Browser ënnerstëtzt gëtt.
IE11 an IE10 ginn position: sticky
als position: relative
. Als solch wéckele mir d'Stiler an enger @supports
Ufro, limitéieren d'Klebigkeit op nëmme Browser déi et richteg kënne maachen.
<div class="sticky-top">...</div>