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-top
Utiliit kasutab CSS-i , position: sticky
mida kõik brauserid täielikult ei toeta.
IE11 ja IE10 renderdatakse position: sticky
kujul position: relative
. Sellisena mähime stiilid @supports
päringusse, piirates kleepuvust ainult brauseritega, mis suudavad seda õigesti renderdada.
<div class="sticky-top">...</div>