posisi

Gunakake helpers iki kanggo cepet ngatur posisi unsur.

Ing kaca iki

Ndhuwur tetep

Posisi unsur ing ndhuwur viewport, saka pinggir menyang pinggir. Priksa manawa sampeyan ngerti akibat saka posisi tetep ing proyek sampeyan; sampeyan bisa uga kudu nambah CSS tambahan.

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

Ngisor tetep

Posisi unsur ing ngisor viewport, saka pinggir menyang pinggir. Priksa manawa sampeyan ngerti akibat saka posisi tetep ing proyek sampeyan; sampeyan bisa uga kudu nambah CSS tambahan.

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

Ndhuwur kelet

Posisi unsur ing ndhuwur viewport, saka pinggir menyang pinggir, nanging mung sawise sampeyan nggulung liwat iku.

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

Ndhuwur lengket responsif

Variasi responsif uga ana kanggo .sticky-topsarana.

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

Ngisor lengket

Posisi unsur ing ngisor viewport, saka pinggir menyang pinggir, nanging mung sawise sampeyan nggulung liwat iku.

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

Responsif lengket ngisor

Variasi responsif uga ana kanggo .sticky-bottomsarana.

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