Mînakên tora Bootstrap

Plansaziyên torê yên bingehîn da ku hûn bi avakirina di nav pergala torê ya Bootstrap de nas bikin.

Di van mînakan de .themed-grid-colçîn li stûnan tê zêdekirin da ku hin mijar lê zêde bike. Ev ne çînek e ku ji hêla xwerû ve di Bootstrap de heye.

Pênc qatên torê

Di pergala torê ya Bootstrap de pênc qat hene, yek ji bo her cûrbecûr cîhazên ku em piştgirî dikin. Her qatek bi mezinahiya porta dîmenê ya herî kêm dest pê dike û bixweber li ser cîhazên mezintir tê sepandin heya ku neyê rakirin.

.col-4
.col-4
.col-4
.col-sm-4
.col-sm-4
.col-sm-4
.col-md-4
.col-md-4
.col-md-4
.col-lg-4
.col-lg-4
.col-lg-4
.col-xl-4
.col-xl-4
.col-xl-4

Sê stûnên wekhev

Sê stûnên wekhev-fireh bistînin ku ji sermaseyan dest pê dikin û berbi sermaseyên mezin ve diçin . Li ser cîhazên mobîl, tablet û li jêr, stûn dê bixweber li hev kom bibin.

.col-md-4
.col-md-4
.col-md-4

Sê stûnên newekhev

Sê stûnan bistînin ku ji sermaseyan dest pê dikin û berbi sermaseyên mezin ên bi firehiyên cihêreng ve diçin. Bînin bîra xwe, stûnên torê divê ji bo yek blokek horizontal heya diwanzdeh zêde bikin. Ji wê zêdetir, û stûn dest pê dikin ku ferqa dîmenderê hebe.

.col-md-3
.col-md-6
.col-md-3

Du stûn

Du stûnan bistînin ku ji sermaseyan dest pê dikin û berbi sermaseyên mezin ve diçin .

.col-md-8
.col-md-4

Firehiya tevahî, stûnek yek

Ji bo hêmanên tam-fireh dersên torê ne hewce ne.


Du stûn bi du stûnên hêlînkirî

Li gorî belgeyê, hêlîn hêsan e - tenê rêzek stûnan di nav stûnek heyî de bixin. Ev ji we re du stûnan dide ku ji sermaseyan dest pê dikin û berbi sermaseyên mezin ve diçin , bi du stûnên din (firehiyên wekhev) di nav stûna mezin de.

Di mezinahiyên cîhaza desta, tablet û jêrîn de, ev stûn û stûnên wan ên hêlîn dê li hev kom bibin.

.col-md-8
.col-md-6
.col-md-6
.col-md-4

Têkel: mobîl û sermaseyê

Pergala torê ya Bootstrap v4 xwedan pênc rêzikên çînan e: xs (zêde piçûk, ev pêveka polê nayê bikar anîn), sm (biçûk), md (navîn), lg (mezin), û xl (zêde mezin). Hûn dikarin hema hema her kombînasyona van dersan bikar bînin da ku sêwiranên dînamîkî û maqûltir biafirînin.

Her asta çînan bilind dibe, tê vê wateyê ku heke hûn plan dikin ku heman firehiyan ji bo md, lg û xl saz bikin, hûn tenê hewce ne ku md diyar bikin.

.col-md-8
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6
.col-6

Têkel: mobîl, tablet û sermaseyê

.col-sm-6 .col-lg-8
.col-6 .col-lg-4
.col-6 .col-sm-4
.col-6 .col-sm-4
.col-6 .col-sm-4

Konteynirên

Dersên din ên ku di Bootstrap v4.4 de hatine zêdekirin destûr didin konteynerên ku ji% 100 fireh in heya xalek veqetandinê ya taybetî.

.têrr
.container-sm
.container-md
.container-lg
.container-xl
.container-fluid