in English
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-top
Za 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-bottom
Za 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>