in English
Posisi
Gunakan helper ini untuk mengonfigurasi posisi elemen dengan cepat.
Di halaman ini
Atasan tetap
Posisikan elemen di bagian atas viewport, dari ujung ke ujung. Pastikan Anda memahami konsekuensi dari posisi tetap dalam proyek Anda; Anda mungkin perlu menambahkan CSS tambahan.
<div class="fixed-top">...</div>
Bagian bawah tetap
Posisikan elemen di bagian bawah viewport, dari ujung ke ujung. Pastikan Anda memahami konsekuensi dari posisi tetap dalam proyek Anda; Anda mungkin perlu menambahkan CSS tambahan.
<div class="fixed-bottom">...</div>
Atasan lengket
Posisikan elemen di bagian atas viewport, dari ujung ke ujung, tetapi hanya setelah Anda menggulir melewatinya. Utilitas .sticky-top
menggunakan CSS's position: sticky
, yang tidak sepenuhnya didukung di semua browser.
<div class="sticky-top">...</div>
Atasan lengket responsif
Variasi responsif juga ada untuk .sticky-top
utilitas.
<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>