Mine põhisisu juurde Jätke dokumentide navigeerimise juurde
Check
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.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Kleepuv põhi

Asetage element vaateava alaossa servast servani, kuid alles pärast seda, kui olete sellest mööda kerinud.

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

Tundlik kleepuv põhi

.sticky-bottomKasulikkuse jaoks on olemas ka reageerivad variatsioonid .

<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>