Source

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 displayharta tanah secara responsif. Campurkannya dengan sistem grid, kandungan atau komponen kami untuk menunjukkan atau menyembunyikannya merentasi port pandangan tertentu.

Pilihan Flexbox

Bootstrap 4 dibina dengan flexbox, tetapi tidak setiap elemen displaytelah ditukar kepada display: flexkerana ini akan menambah banyak penggantian yang tidak perlu dan secara tidak dijangka mengubah gelagat pelayar utama. Kebanyakan komponen kami dibina dengan flexbox didayakan.

Sekiranya anda perlu menambah display: flexelemen, lakukan dengan .d-flexatau 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 4 termasuk skala lima peringkat untuk utiliti jarak, berdasarkan pembolehubah lalai nilai . Pilih nilai untuk semua viewport (cth, untuk ), atau pilih varian responsif untuk menyasarkan viewport tertentu (cth, untuk bermula pada titik putus).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Togolvisibility

Apabila displaytogol tidak diperlukan, anda boleh menogol visibilityelemen dengan utiliti keterlihatan kami . Unsur halimunan masih akan menjejaskan reka letak halaman, tetapi tersembunyi secara visual daripada pelawat.