Posisie

Gebruik hierdie helpers om die posisie van 'n element vinnig te konfigureer.

Op hierdie bladsy

Vaste top

Plaas 'n element aan die bokant van die uitsigpoort, van rand tot rand. Maak seker dat jy die gevolge van vaste posisie in jou projek verstaan; jy sal dalk addisionele CSS moet byvoeg.

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

Vaste onderkant

Plaas 'n element aan die onderkant van die uitsigpoort, van rand tot rand. Maak seker dat jy die gevolge van vaste posisie in jou projek verstaan; jy sal dalk addisionele CSS moet byvoeg.

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

Klewerige top

Plaas 'n element aan die bokant van die uitsigpoort, van rand tot rand, maar eers nadat jy verby dit blaai.

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

Responsiewe klewerige top

Responsiewe variasies bestaan ook vir .sticky-topnut.

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

Klewerige bodem

Plaas 'n element aan die onderkant van die uitsigpoort, van rand tot rand, maar eers nadat jy verby dit blaai.

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

Responsiewe klewerige onderkant

Responsiewe variasies bestaan ook vir .sticky-bottomnut.

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