Langkau ke kandungan utama Langkau ke navigasi dokumen
in English

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. Utiliti .sticky-topmenggunakan 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-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>