Pozicija

Koristite ove pomoćnike za brzo konfigurisanje položaja elementa.

Na ovoj stranici

Fiksni vrh

Postavite element na vrh prozora za prikaz, od ruba do ruba. Budite sigurni da razumijete posljedice fiksne pozicije u vašem projektu; možda ćete morati dodati dodatni CSS.

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

Fiksno dno

Postavite element na dno prozora za prikaz, od ruba do ruba. Budite sigurni da razumijete posljedice fiksne pozicije u vašem projektu; možda ćete morati dodati dodatni CSS.

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

Lepljivi vrh

Postavite element na vrh prozora za prikaz, od ivice do ivice, ali tek nakon što prođete pored njega.

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

Lepljivi gornji deo

Odazivne varijacije postoje i za .sticky-topkorisnost.

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

Ljepljivo dno

Postavite element na dno prozora za prikaz, od ruba do ruba, ali tek nakon što ga prođete.

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

Odzivno ljepljivo dno

Odazivne varijacije postoje i za .sticky-bottomkorisnost.

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