Source

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-topUtility benotzt CSS's position: sticky, déi net voll an all Browser ënnerstëtzt gëtt.

IE11 an IE10 ginn position: stickyals position: relative. Als solch wéckele mir d'Stiler an enger @supportsUfro, limitéieren d'Klebigkeit op nëmme Browser déi et richteg kënne maachen.

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