Swikombiso swa gridi ya bootstrap

Swivumbeko swa masungulo swa giridi ku ku tolovelana na ku aka endzeni ka sisiteme ya giridi ya Bootstrap.

Swiyenge swa ntlhanu swa gridi

Ku na swiyenge swa ntlhanu eka sisiteme ya giridi ya Bootstrap, xin’we eka nxaxamelo wun’wana na wun’wana wa switirhisiwa leswi hi swi seketelaka. Xiyimo xin’wana na xin’wana xi sungula eka sayizi ya le hansi ya xivono naswona xi tirha hi ku tisungulela eka switirhisiwa leswikulu handle ka loko xi tluriwile.

.kol-4
.kol-4
.kol-4
.kolo-sm-4
.kolo-sm-4
.kolo-sm-4
.kolo-md-4
.kolo-md-4
.kolo-md-4
.kolo-lg-4
.kolo-lg-4
.kolo-lg-4
.kolo-xl-4
.kolo-xl-4
.kolo-xl-4

Tikholomu tinharhu leti ringanaka

Kuma tikholomu tinharhu ta ku anama loku ringanaka ku sukela eka tideskithophu ivi ti ringanisa ku ya eka tideskithophu letikulu . Eka switirhisiwa swa tiselfoni, tithebulete na le hansi, tikholomu ti ta hlangana hi ku tisungulela.

.kolo-md-4
.kolo-md-4
.kolo-md-4

Tikholomu tinharhu leti nga ringaniki

Kuma tikholomu tinharhu ku sukela eka tidesktop ivi u ringanisa ku ya eka tidesktop letikulu ta ku anama ko hambana-hambana. Tsundzuka, tikholomu ta gridi ti fanele ku hlanganisa ku fika eka khume mbirhi eka xibokisana xin’we xa horizontal. Ku tlula sweswo, naswona tikholomu ti sungula ku hlengeletana ku nga khathariseki leswaku i viewport.

.kolo-md-3
.kolo-md-6
.kolo-md-3

Tikholomu timbirhi

Kuma tikholomu timbirhi ku sukela eka tidesktop na ku ringanisa ku ya eka tidesktop letikulu .

.kolo-md-8
.kolo-md-4

Ku anama loku heleleke, kholomo yin’we

Ku hava titlilasi ta gridi leti lavekaka eka swiaki swa ku anama loku heleleke.


Tikholomu timbirhi leti nga ni tikholomu timbirhi leti nga ni swisaka

Hi ku ya hi matsalwa, ku endla swisaka swa olova—veka ntsena layini ya tikholomu endzeni ka kholomo leyi nga kona. Leswi swi ku nyika tikholomu timbirhi ku sukela eka tidesktop na ku ringanisa ku ya eka tidesktop letikulu , na tin’wana timbirhi (ku anama loku ringanaka) endzeni ka kholomo leyikulu.

Eka vukulu bya switirhisiwa swa tiselfoni, tithebulete na le hansi, tikholomu leti na tikholomu ta tona leti pfanganisiweke ti ta hlangana.

.kolo-md-8
.kolo-md-6
.kolo-md-6
.kolo-md-4

Ku hlangana: mobile na desktop

Sisiteme ya giridi ya Bootstrap v4 yi na swiyenge swa ntlhanu swa titlilasi: xs (leyitsongo swinene), sm (leyitsongo swinene), md (ya le xikarhi), lg (leyikulu), na xl (leyikulu swinene). U nga tirhisa kwalomu ka nkatsakanyo wihi na wihi wa titlilasi leti ku endla swivumbeko leswi cinca-cincaka swinene ni leswi cinca-cincaka.

Xiyimo xin’wana na xin’wana xa titlilasi xi ringanisa, leswi vulaka leswaku loko u kunguhata ku veka ku anama loku fanaka eka xs na sm, u lava ntsena ku boxa xs.

.kolo-12 .kol-md-8
.kolo-6 .kol-md-4
.kolo-6 .kol-md-4
.kolo-6 .kol-md-4
.kolo-6 .kol-md-4
.kol-6
.kol-6

Ku hlangana: movha, thebulete na desktop

.kol-12 .kol-sm-6 .kol-lg-8
.kolo-6 .kolo-lg-4
.kolo-6 .kolo-sm-4
.kolo-6 .kolo-sm-4
.kolo-6 .kolo-sm-4