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îtinê ya herî kêm dest pê dike û bixweber li ser cîhazên mezintir tê sepandin heya ku neyê rakirin.

.col-4

.col-sm-4

.col-md-4

.col-lg-4

.col-xl-4

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

Sê stûnên wekhev alternatîf

Bi karanîna .row-cols-*dersan, hûn dikarin bi hêsanî şebekek bi stûnên wekhev biafirînin.

.colzarokê .row-cols-md-3

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-4

Têkel: mobîl û sermaseyê

Pergala torê ya Bootstrap v5 xwedan şeş çînên çîn e: xs (zêde piçûk, ev pêveka pola nayê bikar anîn), sm (biçûk), md (navîn), lg (mezin), xl (x-mezin), û xxl (xx). -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 mezin dibe, tê vê wateyê ku heke hûn plan dikin ku heman firehiyan ji bo md, lg, xl û xxl saz bikin, hûn tenê hewce ne ku md diyar bikin.

.col-md-8

.col-6 .col-md-4

.col-6

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

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

.col-6 .col-lg-4

.col-6 .col-sm-4

Gutters

Bi .gx-*dersan re, gulên horizontî dikarin werin sererast kirin.

.colbi .gx-4gûzan

Dersan bikar bînin .gy-*da ku gulên vertîkal kontrol bikin.

.colbi .gy-4gûzan

Bi .g-*dersan re, gemarên di her du aliyan de dikarin werin sererast kirin.

.colbi .g-3gûzan

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î. v5 xala veqetandinê ya nû lê zêde dike xxl.

.têrr

.container-sm

.container-md

.container-lg

.container-xl

.container-xxl

.container-fluid