Source

Switirhisiwa swa layout

Ku kuma nhluvukiso wo hatlisa lowu nga na xinghana eka tiselfoni na ku hlamula, Bootstrap yi katsa makume ya titlilasi ta vukorhokeri byo kombisa, ku tumbeta, ku ringanisa, na ku hambanyisa swilo leswi nga endzeni.

Ku cincadisplay

Tirhisa switirhisiwa swa hina swa nkombiso ku cinca-cinca hi ku hlamula mimpimo leyi tolovelekeke ya displaynhundzu. Yi hlanganise na sisiteme ya hina ya gridi, nhundzu, kumbe swiphemu ku swi kombisa kumbe ku swi tumbeta ku tsemakanya swivono swo karhi.

Swihlawulekisi swa Flexbox

Bootstrap 4 yi akiwile hi flexbox, kambe a hi element yin’wana na yin’wana leyi displaycinciweke eka display: flextani hi leswi leswi swi nga ta engetela ku tlula ko tala loku nga lavekiki na ku cinca mahanyelo ya nkoka ya browser swi nga languteriwanga. Vunyingi bya swiphemu swa hina swi akiwile hi flexbox leyi tirhisiweke.

Loko u fanele ku lava ku engetela display: flexeka elemente, endla tano hi .d-flexkumbe yin’wana ya tinxaka leti hlamulaka (xikombiso, .d-sm-flex). U ta lava tlilasi leyi kumbe displayntikelo ku pfumelela ku tirhisiwa ka switirhisiwa swa hina swo engetela swa flexbox eka ku pima mpimo, ku ringanisa, ku hambana, na swin’wana.

Margin na ku padding

Tirhisa switirhisiwa swa marginna ku padding hambana ku lawula ndlela leyi swiaki na swiphemu swi hambanisiwaka na ku pimiwa ha yona. Bootstrap 4 yi katsa xikalo xa swiyimo swa ntlhanu xa switirhisiwa swa ku hambana, leswi simekiweke eka 1remxihlawulekisi xa nkoka xa xiviri $spacer. Hlawula mimpimo ya swivono hinkwaswo (xikombiso, .mr-3ya margin-right: 1rem), kumbe u hlawula swihlawulekisi leswi hlamulaka ku kongomisa swivono swo karhi (xikombiso, .mr-md-3ku margin-right: 1remsungula eka ndhawu mdyo wisa).

Ku cinca-cincavisibility

Loko ku cinca-cinca displayku nga laveki, u nga cinca-cinca visibilityya elemente hi switirhisiwa swa hina swa ku vonakala . Swiaki leswi nga vonakiki swa ha ta khumba maendlelo ya tluka, kambe swi fihliwile hi ndlela yo vonaka eka vaendzi.