Positie
Gebruik deze helpers om snel de positie van een element in te stellen.
Fixed top
Positioneer een element bovenaan de viewport, van rand tot rand. Zorg dat je de consequenties van fixed-positionering in je project begrijpt; mogelijk moet je extra CSS toevoegen.
<div class="fixed-top">...</div>Fixed bottom
Positioneer een element onderaan de viewport, van rand tot rand. Zorg dat je de consequenties van fixed-positionering in je project begrijpt; mogelijk moet je extra CSS toevoegen.
<div class="fixed-bottom">...</div>Sticky top
Positioneer een element bovenaan de viewport, van rand tot rand, maar pas nadat je eraan voorbij scrollt.
<div class="sticky-top">...</div>Responsieve sticky top
Er bestaan ook responsieve varianten van de .sticky-top-utility.
<div class="sticky-sm-top">Blijft bovenaan plakken op viewports van formaat SM (small) of breder</div>
<div class="sticky-md-top">Blijft bovenaan plakken op viewports van formaat MD (medium) of breder</div>
<div class="sticky-lg-top">Blijft bovenaan plakken op viewports van formaat LG (large) of breder</div>
<div class="sticky-xl-top">Blijft bovenaan plakken op viewports van formaat XL (extra-large) of breder</div>
<div class="sticky-xxl-top">Blijft bovenaan plakken op viewports van formaat XXL (extra-extra-large) of breder</div>Sticky bottom
Positioneer een element onderaan de viewport, van rand tot rand, maar pas nadat je eraan voorbij scrollt.
<div class="sticky-bottom">...</div>Responsieve sticky bottom
Er bestaan ook responsieve varianten van de .sticky-bottom-utility.
<div class="sticky-sm-bottom">Blijft onderaan plakken op viewports van formaat SM (small) of breder</div>
<div class="sticky-md-bottom">Blijft onderaan plakken op viewports van formaat MD (medium) of breder</div>
<div class="sticky-lg-bottom">Blijft onderaan plakken op viewports van formaat LG (large) of breder</div>
<div class="sticky-xl-bottom">Blijft onderaan plakken op viewports van formaat XL (extra-large) of breder</div>
<div class="sticky-xxl-bottom">Blijft onderaan plakken op viewports van formaat XXL (extra-extra-large) of breder</div>