in English
Pozīcija
Izmantojiet šos palīgus, lai ātri konfigurētu elementa pozīciju.
Šajā lapā
Fiksēta augšdaļa
Novietojiet elementu skata loga augšdaļā no malas līdz malai. Pārliecinieties, ka saprotat fiksētās pozīcijas sekas jūsu projektā; iespējams, būs jāpievieno papildu CSS.
<div class="fixed-top">...</div>
Fiksēts dibens
Novietojiet elementu skata loga apakšā no malas līdz malai. Pārliecinieties, ka saprotat fiksētās pozīcijas sekas jūsu projektā; iespējams, būs jāpievieno papildu CSS.
<div class="fixed-bottom">...</div>
Lipīga augšdaļa
Novietojiet elementu skata loga augšdaļā no malas līdz malai, bet tikai pēc tam, kad esat ritinājis tam garām.
<div class="sticky-top">...</div>
Atsaucīga lipīga augšdaļa
.sticky-top
Lietderībai ir arī atsaucīgas variācijas .
<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>
Lipīgs dibens
Novietojiet elementu skata loga apakšā no malas līdz malai, bet tikai pēc tam, kad esat ritinājis tam garām.
<div class="sticky-bottom">...</div>
Atsaucīga lipīga dibena
.sticky-bottom
Lietderībai ir arī atsaucīgas variācijas .
<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>