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 displayepropati. Yixube nenkqubo yethu yegridi, umxholo, okanye izinto ukuze uzibonise okanye uzifihle kwiindawo zokujonga ezithile.

Iinketho zeFlexbox

I-Bootstrap 4 yakhiwe nge-flexbox, kodwa ayizizo zonke izinto displayezitshintshiweyo display: flexnjengoko oku kunokongeza izinto ezininzi ezingaphezulu ngokungeyomfuneko kwaye ngokungalindelekanga utshintshe iziphatho eziphambili zesikhangeli. Uninzi lwamacandelo ethu akhiwe nge-flexbox enikwe amandla.

Ukuba ufuna ukongeza display: flexkwinto ethile, yenza njalo nge .d-flexokanye enye yeendlela eziphendulayo (umzekelo, .d-sm-flex). Uzakufuna le klasi okanye displayixabiso ukuvumela ukusetyenziswa kwezixhobo zethu ezongezelelweyo ze-flexbox zokulinganisa , ulungelelwaniso, izithuba, kunye nokunye.

Umda kunye ne-padding

Sebenzisa izinto margineziluncedo padding zokubeka izithuba ukuze ulawule indlela izinto kunye namalungu acalulwa ngayo kunye nobungakanani. I-Bootstrap 4 ibandakanya isikali esinemigangatho emihlanu yezixhobo zokubeka izithuba, ngokusekelwe 1remkwixabiso elingagqibekanga $spacer. Khetha amaxabiso azo zonke izibuko zemboniselo (umzekelo, .mr-3ze margin-right: 1rem), okanye khetha iiyantlukwano eziphendulayo ukujolisa izibuko ezithile (umzekelo, .mr-md-3ukuqala margin-right: 1remkwindawo mdyoqhawulo).

Guqulavisibility

Xa ukuguqula displaykungafunekiyo, ungatshintsha visibilityinto ngezixhobo zethu zokubonakala . Izinto ezingabonakaliyo zisazakuchaphazela uyilo lwephepha, kodwa zifihliwe ngokubonakalayo kwiindwendwe.