Izinsiza zesakhiwo

Ukuze kuthuthukiswe iselula esheshayo futhi esabelayo, i-Bootstrap ifaka inqwaba yamakilasi awusizo ukuze aboniswe, acashwe, aqondaniswe, kanye nokuqukethwe kwezikhala.

Iyashintshadisplay

Sebenzisa izinsiza zethu zokubonisa ukuze uphendule ngokuphendula amanani avamile displaywendawo. Yixube nesistimu yethu yegridi, okuqukethwe, noma izingxenye ukuze uzibonise noma uzifihle kuzo zonke izindawo zokubuka ezithile.

Izinketho ze-Flexbox

I-Bootstrap 4 yakhiwe nge-flexbox, kodwa akuwona wonke ama-elementi displayashintshiwe ukuze display: flexabe njengoba lokhu kungangeza ukukhipha okuningi okungadingekile futhi kushintshe ngokungalindelekile ukuziphatha okubalulekile kwesiphequluli. Izingxenye zethu eziningi zakhiwe nge-flexbox enikwe amandla.

Uma kufanele wengeze display: flexku-elementi, kwenze lokho .d-flexnoma ngeyodwa yezinhlobonhlobo ezisabelayo (isb, .d-sm-flex). Uzodinga leli klasi noma displayinani ukuze uvumele ukusetshenziswa kwezinsiza zethu ezengeziwe ze- flexbox zokulinganisa, ukuqondanisa, izikhala, nokuningi.

I-Margin kanye ne-padding

Sebenzisa izinsiza marginkanye padding nokubeka izikhala ukuze ulawule ukuthi izakhi nezingxenye zihlukaniswa kanjani nosayizi. I-Bootstrap 4 ihlanganisa isikali samazinga amahlanu sezinsiza zokuhlukanisa izikhala, ngokusekelwe kokushintshashintsha 1remkwenani okuzenzakalelayo $spacer. Khetha amanani azo zonke izingosi zokubuka .mr-3( margin-right: 1remisb ..mr-md-3margin-right: 1remmd

Guqulavisibility

Uma displayukuguqula kungadingeki, ungaguqula visibilityisici ngezinsiza zethu ezibonakalayo . Izinto ezingabonakali zisazothinta ukwakheka kwekhasi, kodwa zifihlekile ezivakashini.