Ihe atụ grid bootstrap

Nhazi grid bụ isi iji mee ka ị mara maka iwulite n'ime sistemu grid Bootstrap.

Ogidi atọ hà nhata

Nweta kọlụm obosara atọ hà nhata malite na desktọpụ wee na-arịgo na kọmpụta buru ibu . Na ngwaọrụ mkpanaaka, mbadamba na n'okpuru, kọlụm ndị ahụ ga-akpakọba ozugbo.

.kọl-md-4
.kọl-md-4
.kọl-md-4

Ogidi atọ na-ahaghị nhata

Nweta ogidi atọ na- amalite na desktọpụ ma na-arịgo na kọmpụta buru ibu nke obosara dị iche iche. Cheta, kọlụm grid kwesịrị ịgbakwunye ihe ruru iri na abụọ maka otu ngọngọ kwụ ọtọ. Karịa nke ahụ, kọlụm na-amalite ikpokọta n'agbanyeghị ebe nlele.

.kọl-md-3
.kọl-md-6
.kọl-md-3

Ogidi abụọ

Nweta ogidi abụọ na- amalite na desktọpụ ma na-arịgo na kọmpụta buru ibu .

.kọl-md-8
.kọl-md-4

Obosara zuru oke, otu kọlụm

Ọ nweghị klaasị grid dị mkpa maka ihe ndị nwere obosara zuru oke.

Ogidi abụọ nwere ogidi abụọ nwere akwụ

N'ime akwụkwọ ahụ, ntinye ọnụ dị mfe - tinye naanị ahịrị ogidi n'ime kọlụm dị adị. Nke a na-enye gị ogidi abụọ na- amalite na desktọpụ ma na-atụgharị na kọmpụta buru ibu , yana abụọ ọzọ (obosara nhata) n'ime kọlụm buru ibu.

Na nha ngwaọrụ mkpanaka, mbadamba na ala, kọlụm ndị a na ogidi akwụ ha ga-ekpokọta.

.kọl-md-8
.kọl-md-6
.kọl-md-6
.kọl-md-4

Ngwakọta: mobile na desktọọpụ

Sistemụ grid Bootstrap 3 nwere klaasị anọ: xs (ekwentị), sm (mbadamba), md (desktọpụ), na lg (desktọpụ buru ibu). Ị nwere ike iji ihe fọrọ nke nta ka ọ bụrụ nchikota ọ bụla nke klaasị ndị a iji mepụta okirikiri nhọrọ ukwuu na mgbanwe.

Ọkwa klaasị ọ bụla na-ebuli elu, nke pụtara na ọ bụrụ na ị na-eme atụmatụ ịtọ otu obosara maka xs na sm, naanị ị ga-achọ ịkọwapụta xs.

.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
.kọl-xs-6
.kọl-xs-6

Ngwakọta: mkpanaka, mbadamba, na desktọpụ

.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

Mkpochapụ kọlụm

Kpochapụ ihe na-ese n'elu n'ebe nkwụsịtụ ka ọ ghara iji ọdịnaya na-ekwekọghị ekpuchi mkpuchi na-adịghị mma.

.col-xs-6 .col-sm-3
Mezigharịa nlele gị ma ọ bụ lelee ya na ekwentị gị maka ọmụmaatụ.
.Col-xs-6 .Col-sm-3
.Col-xs-6 .Col-sm-3
.Col-xs-6 .Col-sm-3

Wepụ, kpalie, ma dọpụta nrụpụta

Tọgharịa nkwụghachi, ịkwanye, na dọkpụrụ n'ebe nkwụsịtụ akọwapụtara.

.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