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 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.
Swihlawulekisi swa Flexbox
Bootstrap 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 hi ndlela leyi nga languteriwangiki. 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.
Margin na ku padding
Tirhisa switirhisiwa swa margin
na ku padding
hambana ku lawula ndlela leyi swiaki na swiphemu swi hambanisiwaka na ku pimiwa ha yona. Bootstrap yi katsa xikalo xa swiyimo swa tsevu xa switirhisiwa swa ku hambana, leswi simekiweke eka 1rem
xihlawulekisi xa nkoka xa xiviri $spacer
. Hlawula mimpimo ya swivono hinkwaswo (xikombiso, .me-3
ya margin-right: 1rem
eka LTR), kutani u hlawula swihlawulekisi leswi hlamulaka ku kongomisa swivono swo karhi (xikombiso, .me-md-3
ya margin-right: 1rem
—eka LTR— ku sungula eka ndhawu md
yo wisa).
Ku cinca-cincavisibility
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.