Položaj

Uporabite te pomočnike za hitro konfiguracijo položaja elementa.

Na tej strani

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.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Lepljivo dno

Postavite element na dno vidnega polja, od roba do roba, vendar šele, ko se pomaknete mimo njega.

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

Odzivno lepljivo dno

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

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