in English
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. Utilitas .sticky-top
kasebut nggunakake CSS position: sticky
, sing ora didhukung kanthi lengkap ing kabeh browser.
<div class="sticky-top">...</div>
Ndhuwur lengket responsif
Variasi responsif uga ana kanggo .sticky-top
sarana.
<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>