Položaj

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>