Placera
Använd dessa stenografiverktyg för att snabbt konfigurera positionen för ett element.
Snabbpositioneringsklasser är tillgängliga, även om de inte är lyhörda.
<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>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>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>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.
IE11 och IE10 renderas position: stickysom position: relative. Som sådan slår vi in stilarna i en @supportsfråga, vilket begränsar klibbigheten till endast webbläsare som kan rendera den korrekt.
<div class="sticky-top">...</div>