Posisyon
Gamitin ang mga katulong na ito para sa mabilis na pag-configure ng posisyon ng isang elemento.
Nakapirming tuktok
Iposisyon ang isang elemento sa tuktok ng viewport, mula sa gilid hanggang sa gilid. Tiyaking nauunawaan mo ang mga epekto ng nakapirming posisyon sa iyong proyekto; maaaring kailanganin mong magdagdag ng karagdagang CSS.
<div class="fixed-top">...</div>
Nakapirming ibaba
Iposisyon ang isang elemento sa ibaba ng viewport, mula sa gilid hanggang sa gilid. Tiyaking nauunawaan mo ang mga epekto ng nakapirming posisyon sa iyong proyekto; maaaring kailanganin mong magdagdag ng karagdagang CSS.
<div class="fixed-bottom">...</div>
Malagkit na tuktok
Iposisyon ang isang elemento sa tuktok ng viewport, mula sa gilid hanggang sa gilid, ngunit pagkatapos mo lang mag-scroll lampas dito. Gumagamit ang .sticky-top
utility ng CSS's position: sticky
, na hindi ganap na sinusuportahan sa lahat ng browser.
<div class="sticky-top">...</div>
Tumutugon na malagkit na tuktok
Umiiral din ang mga tumutugong variation para sa .sticky-top
utility.
<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>