Mine põhisisu juurde Jätke dokumentide navigeerimise juurde
in English

positsioon

Kasutage neid abivahendeid elemendi asukoha kiireks konfigureerimiseks.

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.

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

Tundlik kleepuv pealispind

.sticky-topKasulikkuse jaoks on olemas ka reageerivad variatsioonid .

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