kedudukan
Gunakan pembantu ini untuk mengkonfigurasi kedudukan elemen dengan cepat.
Bahagian atas tetap
Letakkan elemen di bahagian atas port pandangan, dari tepi ke tepi. Pastikan anda memahami kesan kedudukan tetap dalam projek anda; anda mungkin perlu menambah CSS tambahan.
<div class="fixed-top">...</div>
Bawah tetap
Letakkan elemen di bahagian bawah port pandangan, dari tepi ke tepi. Pastikan anda memahami kesan kedudukan tetap dalam projek anda; anda mungkin perlu menambah CSS tambahan.
<div class="fixed-bottom">...</div>
Bahagian atas melekit
Letakkan elemen di bahagian atas port pandangan, dari tepi ke tepi, tetapi hanya selepas anda menatal melepasinya.
<div class="sticky-top">...</div>
Bahagian atas melekit responsif
Variasi responsif juga wujud untuk .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>
Bawah melekit
Letakkan elemen di bahagian bawah port pandangan, dari tepi ke tepi, tetapi hanya selepas anda menatal melepasinya.
<div class="sticky-bottom">...</div>
Bahagian bawah melekit responsif
Variasi responsif juga wujud untuk .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>