positsioon

Kasutage neid kiirutiliite elemendi asukoha kiireks konfigureerimiseks.

Ühised väärtused

Kiirpositsioneerimisklassid on saadaval, kuigi need ei reageeri.

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

Fikseeritud top

Asetage element vaateava ülaossa servast servani. Veenduge, et mõistate fikseeritud positsiooni tagajärgi oma projektis; peate võib-olla lisama täiendava CSS-i.

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

Fikseeritud põhi

Asetage element vaateava alaossa servast servani. Veenduge, et mõistate fikseeritud positsiooni tagajärgi oma projektis; peate võib-olla lisama täiendava CSS-i.

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

Kleepuv top

Asetage element vaateava ülaossa servast servani, kuid alles pärast seda, kui olete sellest mööda kerinud. .sticky-topUtiliit kasutab CSS-i , position: stickymida kõik brauserid täielikult ei toeta.

IE11 ja IE10 renderdatakse position: stickykujul position: relative. Sellisena mähime stiilid @supportspäringusse, piirates kleepuvust ainult brauseritega, mis suudavad seda õigesti renderdada.

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