Bootstrap grid misaliw

Grid labɛncogo jɔnjɔnw walasa k’aw dɔn jɔli la Bootstrap grid system kɔnɔ.

Nin misaliw la, .themed-grid-colkalan bɛ fara kuluw kan walasa ka barokun dɔw fara a kan. Nin tɛ kalasi ye min bɛ sɔrɔ Bootstrap kɔnɔ ka kɛɲɛ ni a daminɛ ye.

Grid tiers duuru

Bootstrap grid system (Bootstrap grid system) ka dakun duuru bɛ ​​yen, kelen bɛ Kɛ an bɛ dɛmɛn minnu Kɛ minɛn suguya kelen-kelen bɛɛ la. Tier kelen-kelen bɛɛ bɛ daminɛ ni filɛlikɛyɔrɔ hakɛ fitinin ye ani a bɛ baara kɛ a yɛrɛma minɛn belebelebaw kan fo ni a ma wuli.

.kol-4 ye
.kol-4 ye
.kol-4 ye
.kol-sm-4 ye
.kol-sm-4 ye
.kol-sm-4 ye
.kol-md-4 ye
.kol-md-4 ye
.kol-md-4 ye
.kol-lg-4 ye
.kol-lg-4 ye
.kol-lg-4 ye
.kol-xl-4 ye
.kol-xl-4 ye
.kol-xl-4 ye
.kol-xxl-4 ye
.kol-xxl-4 ye
.kol-xxl-4 ye

Kolon saba bɛ kelen ye

Aw bɛ kulu saba sɔrɔ minnu bonya bɛ bɛn ɲɔgɔn ma k’a daminɛ tabali kan ani ka sɛgɛsɛgɛli kɛ tabali belebelebaw kan . Telefɔni selilɛriw, tablɛtiw ani duguma, kuluw bɛna ɲɔgɔn lajɛ u yɛrɛma.

.kol-md-4 ye
.kol-md-4 ye
.kol-md-4 ye

Kolon saba bɛnkanw alternative

Ni aw bɛ baara kɛ ni .row-cols-*kalanw ye, aw bɛ se ka jatebɔlan dɔ dilan nɔgɔya la ni kuluw bɛ kelen ye.

.colden ka .row-cols-md-3
.colden ka .row-cols-md-3
.colden ka .row-cols-md-3

Kolon saba minnu tɛ kelen ye

Aw bɛ kulu saba sɔrɔ k’a daminɛ tabali kan ani ka sɛgɛsɛgɛli kɛ tabali belebelebaw kan minnu bonya tɛ kelen ye. Aw ye aw hakili to a la, jatebɔlanw ka kan ka fara ɲɔgɔn kan fo ka se tan ni fila ma bloki tilennen kelen na. Ka tɛmɛ o kan, ani kuluw bɛ daminɛ ka ɲɔgɔn dalajɛ hali ni filɛlikɛyɔrɔ mana kɛ min o min ye.

.kol-md-3 ye
.kol-md-6 ye
.kol-md-3 ye

Kolon fila

kulu fila sɔrɔ minnu bɛ daminɛ tabali kan ani ka sɛgɛsɛgɛli kɛ tabali belebelebaw kan .

.kol-md-8 ye
.kol-md-4 ye

A bonya dafalen, kulu kelen

Grid kalasi si tɛ wajibiya fɛnw na minnu ka bon kosɛbɛ.


Kolon fila ni kulu fila minnu bɛ ɲɔgɔn kan

Per the documentation, nesting is easy—dɔrɔn ka kuluw jɛgɛn kulu dɔ kɔnɔ min bɛ yen. O bɛ kulu fla Di i ma k’a Daminɛ tabali kan ani ka sɛgɛsɛgɛli Kɛ ka Taa tabali belebelebaw la , ni fla wɛrɛ ye (bonya kelen) kuluba kɔnɔ.

Mobili hakɛw la, tablɛtiw ani duguma, o kuluw n’u kuluw minnu bɛ sigi ɲɔgɔn kan, olu bɛna ɲɔgɔn lajɛ.

.kol-md-8 ye
.kol-md-6 ye
.kol-md-6 ye
.kol-md-4 ye

Mixed: mobili ani tabali

Bootstrap v5 grid system bɛ ni kalasi sɛrɛ wɔɔrɔ ye: xs (min ka dɔgɔ kosɛbɛ, nin kalasi infix in tɛ baara kɛ), sm (misɛnnin), md (cɛmancɛ), lg (ba), xl (x-ba), ani xxl (xx -belebeleba). Aw bɛ se ka baara kɛ ni nin kalan ninnu faralen ɲɔgɔn kan cogo o cogo walasa ka layidu talenw dilan minnu bɛ se ka wuli ka bɔ u nɔ na ani minnu bɛ se ka wuli ka bɔ u nɔ na.

Kalanso tier kelen-kelen bɛɛ bɛ sɛgɛsɛgɛli Kɛ, o kɔrɔ ye ko n’i y’a Laɲini ka bonya kelenw Sìgi md, lg, xl ani xxl kan, i ka kan ka md dɔrɔn de Fɔ.

.kol-md-8 ye
.koli-6 .kol-md-4
.koli-6 .kol-md-4
.koli-6 .kol-md-4
.koli-6 .kol-md-4
.kol-6 ye
.kol-6 ye

Misɛnninw: mobili, tablɛti ani tabali

.koli-sm-6 .koli-lg-8
.koli-6 .kol-lg-4
.koli-6 .kol-sm-4
.koli-6 .kol-sm-4
.koli-6 .kol-sm-4

Gutɛriw

Ni .gx-*kalanw bɛ yen, jibolisiraw bɛ se ka ladilan.

.colni .gx-4jibolisiraw ye
.colni .gx-4jibolisiraw ye
.colni .gx-4jibolisiraw ye
.colni .gx-4jibolisiraw ye
.colni .gx-4jibolisiraw ye
.colni .gx-4jibolisiraw ye

Aw bɛ baara kɛ ni .gy-*kalanw ye walasa ka jibolisira jɔlenw kɔlɔsi.

.colni .gy-4jibolisiraw ye
.colni .gy-4jibolisiraw ye
.colni .gy-4jibolisiraw ye
.colni .gy-4jibolisiraw ye
.colni .gy-4jibolisiraw ye
.colni .gy-4jibolisiraw ye

Ni .g-*kalanw kɛra, jibolisiraw bɛ se ka ladilan fan fila bɛɛ la.

.colni .g-3jibolisiraw ye
.colni .g-3jibolisiraw ye
.colni .g-3jibolisiraw ye
.colni .g-3jibolisiraw ye
.colni .g-3jibolisiraw ye
.colni .g-3jibolisiraw ye

Minɛnw

Kalanso wɛrɛ minnu Fàrala Bootstrap v4.4 kan, olu bɛ sira Di minɛnw ma minnu bonya ye 100% ye fo ka Se kariyɔrɔ kɛrɛnkɛrɛnnen dɔ ma. v5 bɛ xxlkariyɔrɔ kura dɔ fara a kan.

.minɛn
.minɛn-sm
.minɛn-md
.minɛn-lg
.minɛn-xl
.minɛn-xxl
.minɛn-ji-minɛn