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-col
tlilasi 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.
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.
Tikholomu tinharhu to ringana alternative
Hi ku tirhisa .row-cols-*
titlilasi, u nga endla gridi leyi nga ni tikholomu leti ringanaka hi ku olova.
.col
n'wana wa
.row-cols-md-3
.col
n'wana wa
.row-cols-md-3
.col
n'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.
Tikholomu timbirhi
Kuma tikholomu timbirhi ku sukela eka tidesktop na ku ringanisa ku ya eka tidesktop letikulu .
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.
Ku hlangana: mobile na desktop
Sisiteme ya giridi ya Bootstrap v5 yi na swiyenge swa tsevu swa titlilasi: xs (leyitsongo swinene, infix leyi ya tlilasi a yi tirhisiwi), sm (leyitsongo), md (ya le xikarhi), lg (leyikulu), xl (x-leyikulu), na xxl (xx -lexikulu). 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, xl na xxl, u lava ntsena ku boxa md.
Ku hlangana: movha, thebulete na desktop
Swidziva swa le matini
Hi .gx-*
titlilasi, ti horizontal gutters tinga lulamisiwa.
.col
hi
.gx-4
swidziva
.col
hi
.gx-4
swidziva
.col
hi
.gx-4
swidziva
.col
hi
.gx-4
swidziva
.col
hi
.gx-4
swidziva
.col
hi
.gx-4
swidziva
Tirhisa .gy-*
titlilasi ku lawula ti gutters leti yimisiweke.
.col
hi
.gy-4
swidziva
.col
hi
.gy-4
swidziva
.col
hi
.gy-4
swidziva
.col
hi
.gy-4
swidziva
.col
hi
.gy-4
swidziva
.col
hi
.gy-4
swidziva
Hi .g-*
titlilasi, ti gutters eka matlhelo hamambirhi tinga lulamisiwa.
.col
hi
.g-3
swidziva
.col
hi
.g-3
swidziva
.col
hi
.g-3
swidziva
.col
hi
.g-3
swidziva
.col
hi
.g-3
swidziva
.col
hi
.g-3
swidziva
Swikhomela-ndhawu
Titlilasi to engetela leti engeteriweke eka Bootstrap v4.4 ti pfumelela swikhomela-ndhawu leswi nga 100% hi ku anama ku fikela eka ndhawu yo karhi yo tshoveka. v5 yi engetela breakpoint leyintshwa xxl
.