pozícia

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. Tento .sticky-topnástroj používa CSS position: sticky, ktorý nie je plne podporovaný vo všetkých prehliadačoch.

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