Položaj

Fiksni vrh

Postavite element na vrh vidnega polja, od roba do roba. Prepričajte se, da razumete posledice fiksnega položaja v vašem projektu; morda boste morali dodati dodaten CSS.

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

Fiksno dno

Postavite element na dno vidnega polja, od roba do roba. Prepričajte se, da razumete posledice fiksnega položaja v vašem projektu; morda boste morali dodati dodaten CSS.

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

Lepljiv vrh

Postavite element na vrh vidnega polja, od roba do roba, vendar šele, ko se pomaknete mimo njega. Pripomoček .sticky-topuporablja CSS position: sticky, ki ni v celoti podprt v vseh brskalnikih.

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

Odziven lepljivi vrh

.sticky-topZa uporabnost obstajajo tudi odzivne različice .

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