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 unsur di handapeun viewport, 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. Utilitasna .sticky-topnganggo CSS position: sticky, anu henteu dirojong sapinuhna dina sadaya panyungsi.

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