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 display
properti 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 display
wis diganti display: flex
amarga iki bakal nambah akeh overrides rasah lan ndadak ngganti prilaku browser tombol. Umume komponen kita dibangun kanthi flexbox aktif.
Apa sampeyan kudu nambah display: flex
menyang unsur, nglakoni karo .d-flex
utawa salah siji saka varian responsif (contone, .d-sm-flex
). Sampeyan mbutuhake kelas utawa display
nilai 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-3
margin-right: 1rem
.me-md-3
margin-right: 1rem
md
Ngalihvisibility
Nalika ngalih display
ora dibutuhake, sampeyan bisa ngalih visibility
unsur nganggo utilitas visibilitas . Unsur sing ora katon isih bakal mengaruhi tata letak kaca, nanging didhelikake kanthi visual saka pengunjung.