Padėtis

Naudokite šiuos pagalbininkus, kad greitai sukonfigūruotumėte elemento padėtį.

Šiame puslapyje

Fiksuotas viršus

Padėkite elementą peržiūros srities viršuje nuo krašto iki krašto. Įsitikinkite, kad suprantate fiksuotos padėties pasekmes savo projekte; gali reikėti pridėti papildomo CSS.

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

Fiksuotas dugnas

Padėkite elementą peržiūros srities apačioje nuo krašto iki krašto. Įsitikinkite, kad suprantate fiksuotos padėties pasekmes savo projekte; gali reikėti pridėti papildomo CSS.

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

Lipnus viršus

Padėkite elementą peržiūros srities viršuje nuo krašto iki krašto, bet tik tada, kai slinksite pro jį.

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

Reaktyvus lipnus viršus

Reaguojantys variantai taip pat yra .sticky-topnaudingumo.

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

Lipnus dugnas

Padėkite elementą peržiūros srities apačioje nuo krašto iki krašto, bet tik tada, kai slenkate pro jį.

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

Reaguojantis lipnus dugnas

Reaguojantys variantai taip pat yra .sticky-bottomnaudingumo.

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