Source

Zvishandiso zvekugadzirisa

Nekukurumidza nhare-hushamwari uye inopindura kusimudzira, Bootstrap inosanganisira akawanda emakirasi ekushandisa ekuratidza, kuhwanda, kurongedza, uye nzvimbo yemukati.

Kuchinjadisplay

Shandisa zviratidziro zvedu zvekugadzirisa zvine mutsindo zvakajairwa pachivakwa display. Sanganisa neyedu grid sisitimu, zvirimo, kana zvikamu kuratidza kana kuzvivanza pane yakatarwa nzvimbo dzekutarisa.

Flexbox sarudzo

Bootstrap 4 inovakwa ne flexbox, asi hazvisi zvese zvezvinhu displayzvakashandurwa kuita display: flexsezvo izvi zvaizowedzera zvakawanda zvisina basa zvinodarika uye zvisingatarisirwe kuchinja makiyi ebrowser maitiro. Zvizhinji zvezvikamu zvedu zvakavakwa neflexbox inogoneswa.

Kana iwe uchifanira kuwedzera display: flexkune chimwe chinhu, ita saizvozvo .d-flexkana imwe yeanopindura akasiyana (semuenzaniso, .d-sm-flex). Iwe unozoda kirasi iyi kana displaykukosha kubvumidza kushandiswa kweyedu yekuwedzera flexbox zvishandiso zvekuisa saizi , kurongeka, nzvimbo, nezvimwe.

Margin uye padding

Shandisa iyo marginuye padding spacing zvishandiso kudzora kuti zvinhu uye zvikamu zvakaparadzana uye kukura sei. Bootstrap 4 inosanganisira nhanho-nhanho chiyero chezvishandiso zvepakati, zvichibva pane 1remkukosha kusarudzika $spacer. Sarudza kukosha kune ese maratidziro (eg, .mr-3for margin-right: 1rem), kana sarudza anopindura akasiyana kuti atarise chaiwo ekuona nzvimbo (semuenzaniso, .mr-md-3yekutanga margin-right: 1rempanguva mdyekuzorora).

Togglevisibility

Kana kushandura displaykusingade, unogona kushandura visibilitychinhu nemaitiro edu ekuonekwa . Zvinhu zvisingaonekwe zvicharamba zvichikanganisa marongerwo epeji, asi zvinoonekwa zvakavanzwa kubva kune vashanyi.