Zvishandiso zvekugadzirisa
Nekukurumidza nhare-hushamwari uye inopindura kusimudzira, Bootstrap inosanganisira akawanda emakirasi ekushandisa ekuratidza, kuhwanda, kurongedza, uye nzvimbo yemukati.
Shandisa zviratidziro zvedu zvekugadzirisa zvine mutsindo zvakajairwa pachivakwa display
. Sanganisa neyedu grid sisitimu, zvirimo, kana zvikamu kuratidza kana kuzvivanza pane yakatarwa nzvimbo dzekutarisa.
Bootstrap 4 inovakwa ne flexbox, asi hazvisi zvese zvezvinhu display
zvakashandurwa kuita display: flex
sezvo izvi zvaizowedzera zvakawanda zvisina basa zvinodarika uye zvisingatarisirwe kuchinja makiyi ebrowser maitiro. Zvizhinji zvezvikamu zvedu zvakavakwa neflexbox inogoneswa.
Kana iwe uchifanira kuwedzera display: flex
kune chimwe chinhu, ita saizvozvo .d-flex
kana imwe yeanopindura akasiyana (semuenzaniso, .d-sm-flex
). Iwe unozoda kirasi iyi kana display
kukosha kubvumidza kushandiswa kweyedu yekuwedzera flexbox zvishandiso zvekuisa saizi , kurongeka, nzvimbo, nezvimwe.
Shandisa iyo margin
uye padding
spacing zvishandiso kudzora kuti zvinhu uye zvikamu zvakaparadzana uye kukura sei. Bootstrap 4 inosanganisira nhanho-nhanho chiyero chezvishandiso zvepakati, zvichibva pane 1rem
kukosha kusarudzika $spacer
. Sarudza kukosha kune ese maratidziro (eg, .mr-3
for margin-right: 1rem
), kana sarudza anopindura akasiyana kuti atarise chaiwo ekuona nzvimbo (semuenzaniso, .mr-md-3
yekutanga margin-right: 1rem
panguva md
yekuzorora).
Kana kushandura display
kusingade, unogona kushandura visibility
chinhu nemaitiro edu ekuonekwa . Zvinhu zvisingaonekwe zvicharamba zvichikanganisa marongerwo epeji, asi zvinoonekwa zvakavanzwa kubva kune vashanyi.