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.

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 3 xwedan çar rêzikên çînan e: xs (telefon), sm (tabletan), md (sermaseyên) û lg (sermaseyên 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-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

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

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

Paqijkirina stûnê

Li noqteyên şikestî yên taybetî floatên paqij bikin da ku pêşî li pêçandina bêkêmasî ya bi naverokek neyeksan bigire .

.col-xs-6 .col-sm-3
Mezinahiya dîmendera xwe biguherînin an mînakek li ser têlefona xwe kontrol bikin.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Ji nû ve veqetandin, pêxistin û kişandin

Li nuqteyên veqetandinê yên taybetî guheztin, pêldan û kişandinan ji nû ve saz bikin.

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0