Position

Brug disse stenografiværktøjer til hurtigt at konfigurere et elements position.

Fælles værdier

Hurtige positioneringsklasser er tilgængelige, selvom de ikke reagerer.

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

Placer et element i toppen af ​​viewporten, fra kant til kant. Vær sikker på at du forstår konsekvenserne af fast position i dit projekt; du skal muligvis tilføje yderligere CSS.

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

Fast bund

Placer et element i bunden af ​​viewporten, fra kant til kant. Vær sikker på at du forstår konsekvenserne af fast position i dit projekt; du skal muligvis tilføje yderligere CSS.

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

Klæbende top

Placer et element i toppen af ​​viewporten, fra kant til kant, men først efter du har rullet forbi det. Værktøjet .sticky-topbruger CSS'er position: sticky, som ikke er fuldt understøttet i alle browsere.

IE11 og IE10 gengives position: stickysom position: relative. Som sådan pakker vi stilene ind i en @supportsforespørgsel, hvilket begrænser klæbrigheden til kun browsere, der kan gengive den korrekt.

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