Положај

Користите ове помоћнике за брзо конфигурисање положаја елемента.

На овој страници

Фиксни врх

Поставите елемент на врх прозора за приказ, од ивице до ивице. Будите сигурни да разумете последице фиксне позиције у вашем пројекту; можда ћете морати да додате додатни ЦСС.

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

Фиксно дно

Поставите елемент на дно прозора за приказ, од ивице до ивице. Будите сигурни да разумете последице фиксне позиције у вашем пројекту; можда ћете морати да додате додатни ЦСС.

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

Лепљиви врх

Поставите елемент на врх прозора за приказ, од ивице до ивице, али тек након што прођете поред њега.

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

Лепљиви горњи део

Одговарајуће варијације постоје и за .sticky-topкорисност.

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

Лепљиво дно

Поставите елемент на дно прозора за приказ, од ивице до ивице, али тек након што прођете поред њега.

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

Одговарајуће лепљиво дно

Одговарајуће варијације постоје и за .sticky-bottomкорисност.

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