in English
kedudukan
Gunakan pembantu ini untuk mengkonfigurasi kedudukan elemen dengan cepat.
Pada halaman ini
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. Utiliti .sticky-top
menggunakan CSS position: sticky
, yang tidak disokong sepenuhnya dalam semua penyemak imbas.
<div class="sticky-top">...</div>
Bahagian atas melekit responsif
Variasi responsif juga wujud untuk .sticky-top
utiliti.
<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>