Utiliti pikeun perenah
Pikeun ngembangkeun gancang-mobile ramah tur responsif, Bootstrap ngawengku puluhan kelas utiliti pikeun némbongkeun, nyumputkeun, aligning, sarta spasi eusi.
Ngarobahdisplay
Anggo utilitas tampilan kami pikeun ngagentos nilai umum display
properti sacara responsif. Campur sareng sistem grid, eusi, atanapi komponén kami pikeun nunjukkeun atanapi nyumputkeunana dina viewports khusus.
Pilihan Flexbox
Bootstrap 4 diwangun ku flexbox, tapi henteu unggal unsur display
parantos dirobih display: flex
janten ieu bakal nambihan seueur overrides anu teu dipikabutuh sareng teu kaduga ngarobih paripolah browser konci. Kalolobaan komponén urang diwangun ku flexbox diaktipkeun.
Upami anjeun kedah nambihan display: flex
unsur, lakukeun sareng .d-flex
atanapi salah sahiji varian responsif (contona, .d-sm-flex
). Anjeun peryogi kelas atanapi nilai ieu pikeun ngamungkinkeun panggunaan utilitas flexboxdisplay
tambahan kami pikeun ukuran, alignment, jarak, sareng seueur deui.
Margin jeung padding
Anggo utilitasmargin
sareng jarak pikeun ngontrol kumaha jarak sareng ukuran elemen sareng komponén. Bootstrap 4 kalebet skala lima tingkat pikeun utilitas jarak, dumasar kana variabel standar nilai . Pilih niléy pikeun sakabéh viewports (contona, pikeun ), atawa pilih varian responsif pikeun sasaran viewports husus (misalna, pikeun dimimitian dina breakpoint nu).padding
1rem
$spacer
.mr-3
margin-right: 1rem
.mr-md-3
margin-right: 1rem
md
Togélvisibility
Nalika togling display
henteu diperyogikeun, anjeun tiasa visibility
ngagentos unsur nganggo utilitas visibilitas kami . Unsur halimunan masih bakal mangaruhan tata perenah halaman, tapi sacara visual disumputkeun tina sémah.