Položaj

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

Na ovoj stranici

Fiksni vrh

Postavite element na vrh okvira 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>

Ljepljivi vrh

Postavite element na vrh okvira za prikaz, od ruba do ruba, ali tek nakon što se pomaknete pokraj njega.

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

Responzivni ljepljivi vrh

.sticky-topZa korisnost postoje i responzivne varijacije .

<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 okvira za prikaz, od ruba do ruba, ali tek nakon što se pomaknete pokraj njega.

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

Odzivno ljepljivo dno

.sticky-bottomZa korisnost postoje i responzivne varijacije .

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