Source

Posysje

Brûk dizze shorthand-hulpprogramma's foar it fluch konfigurearjen fan de posysje fan in elemint.

Mienskiplike wearden

Fluch posisjonearring klassen binne beskikber, hoewol't se net reagearje.

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

Fêste top

Posysje in elemint oan 'e boppekant fan' e viewport, fan râne oant râne. Wês wis dat jo de fertakkingen fan fêste posysje yn jo projekt begripe; jo moatte miskien ekstra CSS tafoegje.

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

Fêste boaiem

Posysje in elemint oan 'e boaiem fan' e viewport, fan râne oant râne. Wês wis dat jo de fertakkingen fan fêste posysje yn jo projekt begripe; jo moatte miskien ekstra CSS tafoegje.

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

Kleverige top

Posysje in elemint oan 'e boppekant fan' e viewport, fan râne nei râne, mar pas neidat jo rôlje foarby. It .sticky-tophulpprogramma brûkt CSS's position: sticky, dy't net folslein stipe wurdt yn alle browsers.

IE11 en IE10 sille werjaan position: stickyas position: relative. As sadanich ferpakke wy de stilen yn in @supportsquery, en beheine de kleverigens ta allinich browsers dy't it goed kinne werjaan.

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