Izixhobo zoyilo
Kuphuhliso olukhawulezayo lweselula olunobuhlobo kunye noluphendulayo, iBootstrap ibandakanya uninzi lweeklasi eziluncedo zokubonisa, ukufihla, ukulungelelanisa, kunye nomxholo wesithuba.
Ukutshintshadisplay
Sebenzisa izinto zethu zokubonisa ukuguqula ngokuphendula amaxabiso aqhelekileyo display
epropati. Yixube nenkqubo yethu yegridi, umxholo, okanye izinto ukuze uzibonise okanye uzifihle kwiindawo zokujonga ezithile.
Iinketho zeFlexbox
I-Bootstrap yakhiwe ngebhokisi ye-flexible, kodwa ayizizo zonke izinto display
ezitshintshiweyo display: flex
njengoko oku kunokongeza izinto ezininzi ezingafunekiyo kunye nokutshintsha ngokungalindelekanga ukuziphatha okuphambili kwesikhangeli. Uninzi lwamacandelo ethu akhiwe nge-flexbox enikwe amandla.
Ukuba ufuna ukongeza display: flex
kwinto ethile, yenza njalo nge .d-flex
okanye enye yeendlela eziphendulayo (umzekelo, .d-sm-flex
). Uzakufuna le klasi okanye display
ixabiso ukuvumela ukusetyenziswa kwezixhobo zethu ezongezelelweyo ze-flexbox zokulinganisa , ulungelelwaniso, izithuba, kunye nokunye.
Umda kunye ne-padding
Sebenzisa izinto margin
eziluncedo padding
zokubeka izithuba ukuze ulawule indlela izinto kunye namalungu acalulwa ngayo kunye nobungakanani. I-Bootstrap ibandakanya isikali esinemigangatho emithandathu yezixhobo zokubeka izithuba, ngokusekelwe 1rem
kwixabiso elingagqibekanga $spacer
. Khetha amaxabiso azo zonke izibuko zemboniselo (umzekelo, .me-3
kwiLTR margin-right: 1rem
), okanye khetha iiyantlukwano eziphendulayo ukujolisa kwindawo ethile yemboniselo (umzekelo, .me-md-3
kwi-—kwi margin-right: 1rem
-LTR— ukuqala kwindawo yoqhawulo md
).
Guqulavisibility
Xa ukuguqula display
kungafunekiyo, ungatshintsha visibility
into ngezixhobo zethu zokubonakala . Izinto ezingabonakaliyo zisazakuchaphazela uyilo lwephepha, kodwa zifihliwe ngokubonakalayo kwiindwendwe.