Lumpat menyang isi utama Lumpat menyang pandhu arah docs
Check
in English

Utilitas kanggo tata letak

Kanggo pangembangan seluler sing luwih cepet lan responsif, Bootstrap nyakup 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 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 kalebu skala enem tingkat kanggo keperluan spasi, adhedhasar variabel standar nilai . Pilih nilai kanggo kabeh viewports (contone, kanggo ing LTR), utawa pilih varian responsif kanggo target viewports tartamtu (contone, kanggo —in LTR—mulai saka breakpoint).padding 1rem$spacer.me-3margin-right: 1rem.me-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.