Ihe atụ grid bootstrap

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

Ogo grid ise

Enwere ọkwa ise na sistemụ grid Bootstrap, otu maka ngwaọrụ ọ bụla anyị na-akwado. Ọkwa ọ bụla na-amalite n'ogo nlegharị anya kacha nta ma na-emetụta ngwaọrụ ndị buru ibu ma ọ bụrụ na ewepụghị ya.

.kọl-4
.kọl-4
.kọl-4
.kọl-sm-4
.kọl-sm-4
.kọl-sm-4
.kọl-md-4
.kọl-md-4
.kọl-md-4
.kọl-lg-4
.kọl-lg-4
.kọl-lg-4
.kọl-xl-4
.kọl-xl-4
.kọl-xl-4

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 v4 nwere klaasị ise: xs (oke obere), sm (obere), md (ọkara), lg (nnukwu), na xl (oke 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-12 .Col-md-8
.Col-6 .Col-md-4
.Col-6 .Col-md-4
.Col-6 .Col-md-4
.Col-6 .Col-md-4
.kọl-6
.kọl-6

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

.Col-12 .Col-sm-6 .Col-lg-8
.kọl-6 .Col-lg-4
.kọl-6 .Col-sm-4
.kọl-6 .Col-sm-4
.kọl-6 .Col-sm-4