Posisi

Paké helpers ieu pikeun gancang ngonpigurasikeun posisi hiji unsur.

Dina kaca ieu

Maneuh luhur

Posisi hiji unsur dina luhureun viewport nu, ti ujung ka ujung. Pastikeun anjeun ngartos ramifications tina posisi tetep dina proyék anjeun; Anjeun bisa jadi kudu nambahan CSS tambahan.

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

Maneuh handap

Posisi hiji unsur di handapeun viewport nu, ti ujung ka ujung. Pastikeun anjeun ngartos ramifications tina posisi tetep dina proyék anjeun; Anjeun bisa jadi kudu nambahan CSS tambahan.

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

Top ketan

Posisi hiji unsur dina luhureun viewport nu, ti ujung ka ujung, tapi ngan sanggeus anjeun ngagulung ngaliwatan eta.

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

Top caket responsif

Variasi responsif ogé aya pikeun .sticky-toputiliti.

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

Lengket handap

Posisi hiji unsur di handapeun viewport nu, ti ujung ka ujung, tapi ngan sanggeus anjeun ngagulung ngaliwatan eta.

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

handap caket responsif

Variasi responsif ogé aya pikeun .sticky-bottomutiliti.

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