Ihe atụ grid bootstrap

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

N'ihe atụ ndị a, .themed-grid-cola na-agbakwunye klaasị na kọlụm ka ịgbakwunye ụfọdụ isiokwu. Nke a abụghị klaasị dị na Bootstrap na ndabara.

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 nlele opekempe ma na-emetụta ngwaọrụ ndị buru ibu ma ọ bụrụ na ewepụghị ya.

.kọl-4

.kọl-sm-4

.kọl-md-4

.kọl-lg-4

.kọl-xl-4

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

Ogidi atọ nhata ọzọ ọzọ

Site n'iji .row-cols-*klaasị, ị nwere ike ịmepụta grid nke nwere ogidi nha nhata.

.colnwa nke .row-cols-md-3

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

Ngwakọta: mobile na desktọọpụ

Sistemụ grid Bootstrap v4 nwere klaasị ise: xs (oke ntakịrị, ejighị infix klas a), 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 md, lg na xl, naanị ị ga-achọ ịkọwapụta md.

.kọl-md-8

.Col-6 .Col-md-4

.kọl-6

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

.Col-sm-6 .Col-lg-8

.kọl-6 .Col-lg-4

.kọl-6 .Col-sm-4

Ọgba mmiri

Na .gx-*klaasị, enwere ike idozi gọọlụ kwụ ọtọ.

.colna .gx-4gotters

Jiri .gy-*klaasị ahụ jikwaa gọta kwụ ọtọ.

.colna .gy-4gotters

Site na .g-*klaasị, enwere ike idozi gọọlụ n'akụkụ abụọ ahụ.

.colna .g-3gotters

Akpa

Klas ndị ọzọ agbakwunyere na Bootstrap v4.4 na-enye ohere ka arịa dị 100% obosara ruo oge nkwụsịtụ. v5 na-agbakwunye ebe xxlnkwụsịtụ ọhụrụ.

.akpa

.container-sm

.container-md

.container-lg

.container-xl

.container-xxl

.container-mmiri