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 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 3 yi na swiyenge swa mune swa titlilasi: xs (tifoyini), sm (tithebulete), md (tidesktop), na lg (tidesktop letikulu). 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-xs-12 .kol-md-8
.kolo-xs-6 .kolo-md-4
.kolo-xs-6 .kolo-md-4
.kolo-xs-6 .kolo-md-4
.kolo-xs-6 .kolo-md-4
.kolo-xs-6
.kolo-xs-6

Ku hlangana: movha, thebulete na desktop

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

Ku basisiwa ka tikholomu

Clear floats eka tindzhawu tokarhi to breakpoints ku sivela ku phutsela loku nga nyawuriki na swilo leswinga ringaniki.

.col-xs-6 .col-sm-3
Cinca sayizi ya xivono xa wena kutani u xi languta eka riqingho ra wena ku kuma xikombiso.
.kolo-xs-6 .kolo-sm-3
.kolo-xs-6 .kolo-sm-3
.kolo-xs-6 .kolo-sm-3

Ku tlheriseriwa endzhaku ka ku tlherisela endzhaku, ku susumeta ni ku koka

Seta nakambe ti-offset, ku susumeta ni ku koka eka tindhawu to karhi to tshoveka.

.kolo-sm-5 .kolo-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .kol-md-xihlawulekisi-0
.kolo-sm-6 .kolo-md-5 .kolo-lg-6
.col-sm-6 .col-md-5 .col-md-xihlawulekisi-2 .col-lg-6 .col-lg-xihlawulekisi-0