Source

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; Du må kanskje 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; Du må kanskje 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-topbruker CSS-er position: sticky, som ikke støttes fullt ut i alle nettlesere.

IE11 og IE10 vil gjengi position: stickysom position: relative. Som sådan pakker vi stilene inn i en @supportsspørring, og begrenser klebrigheten til bare nettlesere som kan gjengi den riktig.

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