Langkau ke kandungan utama Langkau ke navigasi dokumen
in English

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 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 tingkah laku penyemak imbas 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

Use the margin and padding spacing utilities to control how elements and components are spaced and sized. Bootstrap includes a six-level scale for spacing utilities, based on a 1rem value default $spacer variable. Choose values for all viewports (e.g., .me-3 for margin-right: 1rem in LTR), or pick responsive variants to target specific viewports (e.g., .me-md-3 for margin-right: 1rem —in LTR— starting at the md breakpoint).

Toggle visibility

When toggling display isn’t needed, you can toggle the visibility of an element with our visibility utilities. Invisible elements will still affect the layout of the page, but are visually hidden from visitors.