Позиција

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

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

Фиксиран врв

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

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

Фиксирано дно

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

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