Placera

Använd dessa hjälpare för att snabbt konfigurera positionen för ett element.

På den här sidan

Fast topp

Placera ett element överst i visningsporten, från kant till kant. Se till att du förstår konsekvenserna av fast position i ditt projekt; du kan behöva lägga till ytterligare CSS.

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

Fast botten

Placera ett element längst ner i visningsporten, från kant till kant. Se till att du förstår konsekvenserna av fast position i ditt projekt; du kan behöva lägga till ytterligare CSS.

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

Klibbig topp

Placera ett element överst i visningsporten, från kant till kant, men bara efter att du har scrollat förbi det. Verktyget .sticky-topanvänder CSS position: sticky, som inte stöds fullt ut i alla webbläsare.

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

Responsiv klibbig topp

Responsiva variationer finns också för .sticky-topnytta.

<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>