pozícia

Pomocou týchto pomocníkov môžete rýchlo nakonfigurovať polohu prvku.

Na tejto stránke

Pevný vrch

Umiestnite prvok do hornej časti výrezu, od okraja po okraj. Uistite sa, že rozumiete dôsledkom pevnej pozície vo vašom projekte; možno budete musieť pridať ďalšie CSS.

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

Pevné dno

Umiestnite prvok na spodok výrezu, od okraja po okraj. Uistite sa, že rozumiete dôsledkom pevnej pozície vo vašom projekte; možno budete musieť pridať ďalšie CSS.

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

Priľnavý vrch

Umiestnite prvok do hornej časti výrezu, od okraja k okraju, ale až potom, keď sa za ním posuniete.

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

Responzívny priľnavý top

.sticky-topPre užitočnosť existujú aj responzívne variácie .

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

Lepkavé dno

Umiestnite prvok na spodok výrezu, od okraja k okraju, ale až potom, keď za ním prejdete.

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

Responzívne lepkavé dno

.sticky-bottomPre užitočnosť existujú aj responzívne variácie .

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