in English
Pozice
Použijte tyto pomocníky pro rychlou konfiguraci pozice prvku.
Na této straně
Pevná horní část
Umístěte prvek do horní části výřezu, od okraje k okraji. Ujistěte se, že rozumíte důsledkům pevné pozice ve vašem projektu; možná budete muset přidat další CSS.
<div class="fixed-top">...</div>
Pevné dno
Umístěte prvek do spodní části výřezu, od okraje k okraji. Ujistěte se, že rozumíte důsledkům pevné pozice ve vašem projektu; možná budete muset přidat další CSS.
<div class="fixed-bottom">...</div>
Přilnavý top
Umístěte prvek do horní části výřezu, od okraje k okraji, ale až poté, co se za ním posunete. Nástroj .sticky-top
používá CSS position: sticky
, které není plně podporováno ve všech prohlížečích.
<div class="sticky-top">...</div>
Responzivní přilnavý top
.sticky-top
Pro užitečnost existují také responzivní variace .
<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>