Source

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 displayproperti 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 displayparantos dirobih display: flexjanten 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: flexunsur, lakukeun sareng .d-flexatanapi 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-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Togélvisibility

Nalika togling displayhenteu diperyogikeun, anjeun tiasa visibilityngagentos unsur nganggo utilitas visibilitas kami . Unsur halimunan masih bakal mangaruhan tata perenah halaman, tapi sacara visual disumputkeun tina sémah.