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. Pripomoček .sticky-top
uporablja CSS position: sticky
, ki ni v celoti podprt v vseh brskalnikih.
<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>