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.

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îtinê 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), 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 rêza çînan mezin dibe, tê vê wateyê ku heke hûn plan dikin ku heman firehiyan ji bo xs û sm saz bikin, hûn tenê hewce ne ku xs diyar bikin.

.col-12 .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-12 .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