Izinsiza zesakhiwo
Ukuze uthole intuthuko esheshayo esebenziseka kalula futhi esabelayo, i-Bootstrap ifaka inqwaba yamakilasi awusizo okubonisa, ukucasha, ukuqondanisa, nokuqukethwe kokuhlukanisa.
Iyashintshadisplay
Sebenzisa izinsiza zethu zokubonisa ukuze uphendule ngokuphendula amanani avamile display
wendawo. Yixube nesistimu yethu yegridi, okuqukethwe, noma izingxenye ukuze uzibonise noma uzifihle kuzo zonke izindawo zokubuka ezithile.
Izinketho ze-Flexbox
I-Bootstrap yakhiwe nge-flexbox, kodwa akuwona wonke ama-elementi display
ashintshelwe ekubeni display: flex
lokhu kungase kwengeze okungaphezulu okungadingekile futhi kushintshe ngokungalindelekile ukuziphatha kwesiphequluli esiyinhloko. Izingxenye zethu eziningi zakhiwe nge-flexbox enikwe amandla.
Uma kufanele wengeze display: flex
ku-elementi, kwenze lokho .d-flex
noma ngeyodwa yezinhlobonhlobo ezisabelayo (isb, .d-sm-flex
). Uzodinga leli klasi noma display
inani ukuze uvumele ukusetshenziswa kwezinsiza zethu ezengeziwe ze- flexbox zokulinganisa, ukuqondanisa, izikhala, nokuningi.
I-Margin kanye ne-padding
Sebenzisa izinsiza margin
kanye padding
nokubeka izikhala ukuze ulawule ukuthi izakhi nezingxenye zihlukaniswa kanjani nosayizi. I-Bootstrap ihlanganisa isikali samaleveli ayisithupha sezinsiza zokuhlukanisa izikhala, ngokusekelwe 1rem
kunani elizenzakalelayo $spacer
eliguquguqukayo. Khetha amanani azo zonke izinkundla zokubuka (isb, .me-3
ku margin-right: 1rem
-LTR), noma khetha okuhlukile okusabelayo ukuze uqondise izimbobo zokubuka ezithile (isb, .me-md-3
kwe—ku margin-right: 1rem
-LTR— kusukela endaweni yokuphumula md
).
Guqulavisibility
Uma display
ukuguqula kungadingeki, ungaguqula visibility
isici ngezinsiza zethu ezibonakalayo . Izinto ezingabonakali zisazothinta ukwakheka kwekhasi, kodwa zifihlekile ezivakashini.