Позиција

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

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

Фиксиран врв

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

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

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

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

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

Леплив врв

Поставете елемент на врвот на приказот, од раб до раб, но само откако ќе поминете покрај него. Алатката .sticky-topкористи CSS position: sticky, што не е целосно поддржано во сите прелистувачи.

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