Izixhobo zoyilo
Kuphuhliso olukhawulezayo lweselula olunobuhlobo kunye noluphendulayo, iBootstrap ibandakanya uninzi lweeklasi eziluncedo zokubonisa, ukufihla, ukulungelelanisa, kunye nomxholo wesithuba.
Sebenzisa izinto zethu zokubonisa ukuguqula ngokuphendula amaxabiso aqhelekileyo display
epropati. Yixube nenkqubo yethu yegridi, umxholo, okanye izinto ukuze uzibonise okanye uzifihle kwiindawo zokujonga ezithile.
I-Bootstrap 4 yakhiwe nge-flexbox, kodwa ayizizo zonke izinto display
ezitshintshiweyo display: flex
njengoko oku kunokongeza izinto ezininzi ezingaphezulu ngokungeyomfuneko kwaye ngokungalindelekanga utshintshe iziphatho eziphambili zesikhangeli. 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.
Sebenzisa izinto margin
eziluncedo padding
zokubeka izithuba ukuze ulawule indlela izinto kunye namalungu acalulwa ngayo kunye nobungakanani. I-Bootstrap 4 ibandakanya isikali esinemigangatho emihlanu yezixhobo zokubeka izithuba, ngokusekelwe 1rem
kwixabiso elingagqibekanga $spacer
. Khetha amaxabiso azo zonke izibuko zemboniselo (umzekelo, .mr-3
ze margin-right: 1rem
), okanye khetha iiyantlukwano eziphendulayo ukujolisa izibuko ezithile (umzekelo, .mr-md-3
ukuqala margin-right: 1rem
kwindawo md
yoqhawulo).
Xa ukuguqula display
kungafunekiyo, ungatshintsha visibility
into ngezixhobo zethu zokubonakala . Izinto ezingabonakaliyo zisazakuchaphazela uyilo lwephepha, kodwa zifihliwe ngokubonakalayo kwiindwendwe.