Source

Utilitas kanggo tata letak

Kanggo pangembangan seluler sing luwih cepet lan responsif, Bootstrap kalebu puluhan kelas sarana kanggo nuduhake, ndhelikake, nyelarasake, lan menehi spasi.

Nggantidisplay

Gunakake utilitas tampilan kanggo ngganti nilai umum displayproperti kanthi responsif. Nyampur karo sistem kothak, isi, utawa komponen kanggo nuduhake utawa ndhelikake ing viewports tartamtu.

Pilihan Flexbox

Bootstrap 4 dibangun nganggo flexbox, nanging ora saben unsur displaywis diganti display: flexamarga iki bakal nambah akeh overrides rasah lan ndadak ngganti prilaku browser tombol. Umume komponen kita dibangun kanthi flexbox aktif.

Apa sampeyan kudu nambah display: flexmenyang unsur, nglakoni karo .d-flexutawa salah siji saka varian responsif (contone, .d-sm-flex). Sampeyan mbutuhake kelas utawa displaynilai iki kanggo ngidini panggunaan utilitas flexbox ekstra kanggo ukuran, keselarasan, jarak, lan liya-liyane.

Margin lan padding

Gunakake utilitasmargin lan spasi kanggo ngontrol carane unsur lan komponen diwenehi jarak lan ukuran. Bootstrap 4 kalebu skala limang tingkat kanggo keperluan spasi, adhedhasar variabel standar nilai . Pilih nilai kanggo kabeh viewports (contone, kanggo ), utawa pilih varian responsif kanggo target viewports tartamtu (contone, kanggo miwiti ing breakpoint).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Ngalihvisibility

Nalika ngalih displayora dibutuhake, sampeyan bisa ngalih visibilityunsur nganggo utilitas visibilitas . Unsur sing ora katon isih bakal mengaruhi tata letak kaca, nanging didhelikake kanthi visual saka pengunjung.