Mehlala ya keriti ya bootstrap

Dipeakanyo tša motheo tša keriti go go tlwaelana le go aga ka gare ga tshepedišo ya keriti ya Bootstrap.

Mehlaleng ye .themed-grid-colsehlopha se tlaleletšwa go dikholomo go oketša theming ye nngwe. Ye ga se sehlopha seo se hwetšagalago ka go Bootstrap ka go ikemela.

Magato a mahlano a keriti

Go na le maemo a mahlano go tshepedišo ya keriti ya Bootstrap, e tee bakeng sa mohuta o mongwe le o mongwe wa didirišwa tšeo re di thekgago. Legato le lengwe le le lengwe le thoma ka bogolo bja bonnyane bja lefelo la go lebelela gomme le šoma ka go iketla go didirišwa tše kgolo ntle le ge le tlošitšwe.

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

Dikholomo tše tharo tše di lekanago

Hwetša dikholomo tše tharo tša bophara bjo bo lekanago go thoma go di-desktop le go lekanyetša go di-desktop tše dikgolo . Ka disebediswa selefouno, matlapa le ka tlase, dikholomo tla ka tsela e iketsang stack.

.kol-md-4
.kol-md-4
.kol-md-4

Dikholomo tše tharo tše di lekanago kgetho e nngwe

Ka go šomiša .row-cols-*diklase, o ka hlama gabonolo keriti ye e nago le dikholomo tša go lekana.

.colngwana wa .row-cols-md-3
.colngwana wa .row-cols-md-3
.colngwana wa .row-cols-md-3

Dikholomo tše tharo tše di sa lekalekanego

Hwetša dikholomo tše tharo go thoma go di-desktop le go lekanyetša go di-desktop tše kgolo tša bophara bjo bo fapanego. Gopola, dikholomo tša keriti di swanetše go oketša go fihla go tše lesomepedi bakeng sa boloko e tee ya go rapalala. Go feta seo, gomme dikholomo di thoma go kgoboketša go sa šetšwe lefelo la go lebelela.

.kol-md-3
.kol-md-6 e
.kol-md-3

Dikholomo tše pedi

Hwetša dikholomo tše pedi go thoma go di-desktop le go lekanyetša go di-desktop tše dikgolo .

.kol-md-8 e le
.kol-md-4

Bophara bjo bo tletšego, kholomo e tee

Ga go na diklase tša keriti tšeo di nyakegago bakeng sa dielemente tša bophara bjo bo tletšego.


Dikholomo tše pedi tše di nago le dikholomo tše pedi tše di tsentšwego ka gare ga sehlaga

Ka ditokomane, go bea dihlaga go bonolo—e no bea mothaladi wa dikholomo ka gare ga kholomo ye e lego gona. Se se go fa dikholomo tše pedi go thoma go di-desktop le go lekanyetša go di-desktop tše kgolo , ka tše dingwe tše pedi (bophara bjo bo lekanago) ka gare ga kholomo ye kgolo.

Ka bogolo bja didirišwa tša sellathekeng, matlapa le fase, dikholomo tše le dikholomo tša tšona tše di tsentšwego ka gare ga sehlaga di tla kgoboketšwa.

.kol-md-8 e le
.kol-md-6 e
.kol-md-6 e
.kol-md-4

Mixed: selefouno le komporong

Tshepedišo ya keriti ya Bootstrap v4 e na le maemo a mahlano a diklase: xs (ye nnyane kudu, infix ye ya sehlopha ga e šomišwe), sm (ye nnyane), md (ye bogareng), lg (ye kgolo), le xl (ye kgolo kudu). O ka šomiša mo e nyakilego go ba kopanyo efe goba efe ya diklase tše go hlama dipeakanyo tše di fetogago kudu le tše di fetofetogago.

Legato le lengwe le le lengwe la diklase le oketša, go ra gore ge o rulaganya go beakanya bophara bjo bo swanago bakeng sa md, lg le xl, o swanetše go laetša md feela.

.kol-md-8 e le
.kol-6 .kol-md-4
.kol-6 .kol-md-4
.kol-6 .kol-md-4
.kol-6 .kol-md-4
.kol-6
.kol-6

E hlakantswe: selefouno, letlapa, le komporong

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

Diphaephe tša go tšhela meetse

Ka .gx-*diklase, le gutters rapameng ka fetoloa.

.colka .gx-4diphaephe tša go tšhela meetse
.colka .gx-4diphaephe tša go tšhela meetse
.colka .gx-4diphaephe tša go tšhela meetse
.colka .gx-4diphaephe tša go tšhela meetse
.colka .gx-4diphaephe tša go tšhela meetse
.colka .gx-4diphaephe tša go tšhela meetse

Diriša .gy-*diklase go laola di-gutter tše di emego thwii.

.colka .gy-4diphaephe tša go tšhela meetse
.colka .gy-4diphaephe tša go tšhela meetse
.colka .gy-4diphaephe tša go tšhela meetse
.colka .gy-4diphaephe tša go tšhela meetse
.colka .gy-4diphaephe tša go tšhela meetse
.colka .gy-4diphaephe tša go tšhela meetse

Ka .g-*diklase, di-gutter ka mahlakoreng ka bobedi di ka fetolwa.

.colka .g-3diphaephe tša go tšhela meetse
.colka .g-3diphaephe tša go tšhela meetse
.colka .g-3diphaephe tša go tšhela meetse
.colka .g-3diphaephe tša go tšhela meetse
.colka .g-3diphaephe tša go tšhela meetse
.colka .g-3diphaephe tša go tšhela meetse

Ditshelo

Diklase tša tlaleletšo tšeo di okeditšwego go Bootstrap v4.4 di dumelela ditshelo tšeo di nago le bophara bja 100% go fihla ntlheng e itšego ya go kgaotša. v5 e tlaleletša ka ntlha e mpsha ya go xxlkgaotša.

.setshelo
.setshelo-sm
.setshelo-md
.setshelo-lg
.setshelo-xl
.setshelo-xxl
.setshelo-seela