Prijeđi na glavni sadržaj Prijeđi na navigaciju dokumentima
in English

Položaj

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

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. Uslužni .sticky-topprogram koristi CSS position: sticky, koji nije u potpunosti podržan u svim preglednicima.

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