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.

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

Klibbig botten

Placera ett element längst ner i visningsporten, från kant till kant, men bara efter att du har scrollat förbi det.

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

Responsiv klibbig botten

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

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