Stilling
Bruk disse stenografiverktøyene for raskt å konfigurere posisjonen til et element.
Felles verdier
Rask posisjoneringsklasser er tilgjengelige, selv om de ikke er responsive.
<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>
Fast topp
Plasser et element på toppen av visningsporten, fra kant til kant. Pass på at du forstår konsekvensene av fast posisjon i prosjektet ditt; kan det hende du må legge til ekstra CSS.
<div class="fixed-top">...</div>
Fast bunn
Plasser et element nederst i visningsporten, fra kant til kant. Pass på at du forstår konsekvensene av fast posisjon i prosjektet ditt; kan det hende du må legge til ekstra CSS.
<div class="fixed-bottom">...</div>
Klistret topp
Plasser et element på toppen av visningsporten, fra kant til kant, men bare etter at du har rullet forbi det. Verktøyet .sticky-top
bruker CSS-er position: sticky
, som ikke støttes fullt ut i alle nettlesere.
IE11 og IE10 vil gjengi position: sticky
som position: relative
. Som sådan pakker vi stilene inn i en @supports
spørring, og begrenser klebrigheten til bare nettlesere som kan gjengi den riktig.
<div class="sticky-top">...</div>