Utiliti untuk susun atur
Untuk pembangunan mesra mudah alih dan responsif yang lebih pantas, Bootstrap menyertakan berdozen kelas utiliti untuk memaparkan, menyembunyikan, menjajarkan dan menjarakkan kandungan.
Berubahdisplay
Gunakan utiliti paparan kami untuk menogol nilai biasa display
harta tanah secara responsif. Campurkannya dengan sistem grid, kandungan atau komponen kami untuk menunjukkan atau menyembunyikannya merentasi port pandangan tertentu.
Pilihan Flexbox
Bootstrap dibina dengan flexbox, tetapi tidak setiap elemen display
telah ditukar kepada display: flex
kerana ini akan menambah banyak penggantian yang tidak perlu dan secara tidak dijangka mengubah tingkah laku penyemak imbas utama. Kebanyakan komponen kami dibina dengan flexbox didayakan.
Sekiranya anda perlu menambah display: flex
elemen, lakukan dengan .d-flex
atau salah satu daripada varian responsif (cth, .d-sm-flex
). Anda memerlukan kelas atau nilai ini untuk membenarkan penggunaan utiliti flexboxdisplay
tambahan kami untuk saiz, penjajaran, jarak dan banyak lagi.
Margin dan padding
Gunakan utilitimargin
dan jarakkan untuk mengawal cara elemen dan komponen dijarakkan dan bersaiz. Bootstrap termasuk skala enam peringkat untuk utiliti jarak, berdasarkan pembolehubah lalai nilai . Pilih nilai untuk semua viewport (cth, untuk dalam LTR), atau pilih varian responsif untuk menyasarkan viewport tertentu (cth, untuk —dalam LTR— bermula pada titik putus).padding
1rem
$spacer
.me-3
margin-right: 1rem
.me-md-3
margin-right: 1rem
md
Togolvisibility
Apabila display
togol tidak diperlukan, anda boleh menogol visibility
elemen dengan utiliti keterlihatan kami . Unsur halimunan masih akan menjejaskan reka letak halaman, tetapi tersembunyi secara visual daripada pelawat.