Swikombiso swa gridi ya bootstrap

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

Eka swikombiso leswi .themed-grid-coltlilasi yi engeteriwa eka tikholomu ku engetela theme ro karhi. Leyi a hi tlilasi leyi kumekaka eka Bootstrap hi ku tiyimisela.

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
.kolo-xxl-4
.kolo-xxl-4
.kolo-xxl-4

Tikholomu tinharhu leti ringanaka

Kuma tikholomu tinharhu ta ku anama loku ringanaka ku sukela eka tideskithophu ni ku 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 to ringana alternative

Hi ku tirhisa .row-cols-*titlilasi, u nga endla gridi leyi nga ni tikholomu leti ringanaka hi ku olova.

.coln'wana wa .row-cols-md-3
.coln'wana wa .row-cols-md-3
.coln'wana wa .row-cols-md-3

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 nga ni swisaka swi 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, infix leyi ya tlilasi a yi tirhisiwi), sm (leyitsongo), 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 md, lg na xl, u lava ntsena ku boxa md.

.kolo-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

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

Swidziva swa le matini

Hi .gx-*titlilasi, ti horizontal gutters tinga lulamisiwa.

.colhi .gx-4swidziva
.colhi .gx-4swidziva
.colhi .gx-4swidziva
.colhi .gx-4swidziva
.colhi .gx-4swidziva
.colhi .gx-4swidziva

Tirhisa .gy-*titlilasi ku lawula ti gutters leti yimisiweke.

.colhi .gy-4swidziva
.colhi .gy-4swidziva
.colhi .gy-4swidziva
.colhi .gy-4swidziva
.colhi .gy-4swidziva
.colhi .gy-4swidziva

Hi .g-*titlilasi, ti gutters eka matlhelo hamambirhi tinga lulamisiwa.

.colhi .g-3swidziva
.colhi .g-3swidziva
.colhi .g-3swidziva
.colhi .g-3swidziva
.colhi .g-3swidziva
.colhi .g-3swidziva

Swikhomela-ndhawu

Titlilasi to engetela leti engeteriweke eka Bootstrap v4.4 ti pfumelela swikhomela-ndhawu leswi anameke 100% ku fikela eka ndhawu yo karhi yo tshoveka. v5 yi engetela breakpoint leyintshwa xxl.

.xigwitsirisi
.xigwitsirisi-sm
.xigwitsirisi-md
.xigwitsirisi-lg
.xigwitsirisi-xl
.xigwitsirisi-xxl
.xigwitsirisi-xigwitsirisi