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.
Tirhisa switirhisiwa swa hina swa nkombiso ku cinca-cinca hi ku hlamula mimpimo leyi tolovelekeke ya display
nhundzu. Yi hlanganise na sisiteme ya hina ya gridi, nhundzu, kumbe swiphemu ku swi kombisa kumbe ku swi tumbeta ku tsemakanya swivono swo karhi.
Bootstrap 4 yi akiwile hi flexbox, kambe a hi element yin’wana na yin’wana leyi display
cinciweke eka display: flex
tani 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: flex
eka elemente, endla tano hi .d-flex
kumbe yin’wana ya tinxaka leti hlamulaka (xikombiso, .d-sm-flex
). U ta lava tlilasi leyi kumbe display
ntikelo ku pfumelela ku tirhisiwa ka switirhisiwa swa hina swo engetela swa flexbox eka ku pima mpimo, ku ringanisa, ku hambana, na swin’wana.
Tirhisa switirhisiwa swa margin
na 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 1rem
xihlawulekisi xa nkoka xa xiviri $spacer
. Hlawula mimpimo ya swivono hinkwaswo (xikombiso, .mr-3
ya margin-right: 1rem
), kumbe u hlawula swihlawulekisi leswi hlamulaka ku kongomisa swivono swo karhi (xikombiso, .mr-md-3
ku margin-right: 1rem
sungula eka ndhawu md
yo wisa).
Loko ku cinca-cinca display
ku nga laveki, u nga cinca-cinca visibility
ya 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.