Bootstrap grid ƒe kpɔɖeŋuwo

Grid ƒe ɖoɖo veviwo be nàna nànya xɔtutu le Bootstrap grid ɖoɖoa me nyuie.

Le kpɔɖeŋu siawo me la, wotsɔa .themed-grid-colklass la kpena ɖe sɔtiawo ŋu be woatsɔ tanya aɖewo akpe ɖe eŋu. Esia menye klass si le Bootstrap me le gɔmedzedzea me o.

Grid ƒe akpa atɔ̃

Tiers atɔ̃ le Bootstrap grid system la ŋu, ɖeka na mɔ̃ ɖesiaɖe si míedoa alɔe. Tier ɖesiaɖe dzea egɔme tso nukpɔkpɔ ƒe lolome suetɔ kekeake dzi eye wòwɔa dɔ le eɖokui si ɖe mɔ̃ gãwo dzi negbe ɖe woɖe asi le eŋu hafi.

.col-4 ƒe ƒuƒoƒo

.col-sm-4 ƒe ƒuƒoƒo

.col-md-4 ƒe ƒuƒoƒo

.col-lg-4 ƒe ƒuƒoƒo

.col-xl-4 ƒe ƒuƒoƒo

.col-xxl-4 ƒe ƒuƒoƒo

Sɔti etɔ̃ siwo sɔ

Na sɔti etɔ̃ siwo ƒe kekeme sɔ adze egɔme tso kplɔ̃wo dzi eye woadzi ɖe edzi va ɖo kplɔ̃ gãwo dzi . Le asitelefonwo, tablɛtwo kple esiwo le ete dzi la, sɔtiawo aƒo ƒu ɖe wo nɔewo dzi le wo ɖokui si.

.col-md-4 ƒe ƒuƒoƒo

Sɔti etɔ̃ siwo sɔ ƒe mɔnu bubu

To .row-cols-*klassawo zazã me la, àte ŋu awɔ grid si me sɔtiwo sɔ le bɔbɔe.

.colvi ƒe .row-cols-md-3

Sɔti etɔ̃ siwo mesɔ o

Na sɔti etɔ̃ dze egɔme tso kplɔ̃wo dzi eye nàdzi ɖe edzi va ɖo kplɔ̃ gã siwo ƒe kekeme le vovovo dzi. Ðo ŋku edzi be ele be grid sɔtiwo naƒo ƒu wòade wuieve na block ɖeka si le tsia dzi. Nusi wu ema, eye sɔtiwo dzea ƒuƒoƒo gɔme eɖanye nukpɔƒe ka kee ɖale o.

.col-md-3 ƒe ƒuƒoƒo

.col-md-6 ƒe ƒuƒoƒo

.col-md-3 ƒe ƒuƒoƒo

Sɔti eve

Na sɔti eve nadze egɔme tso kplɔ̃wo dzi eye woadzi ɖe edzi va ɖo kplɔ̃ gãwo dzi .

.col-md-8 ƒe ƒuƒoƒo

.col-md-4 ƒe ƒuƒoƒo

Kekeme bliboa, sɔti ɖeka

Grid klass aɖeke mehiã na element siwo ƒe kekeme bliboa o.

Sɔti eve siwo me sɔti eve siwo wotsɔ ƒo ƒui le

Le nuŋlɔɖia nu la, atɔwɔwɔ le bɔbɔe—ɖeko nàde sɔtiwo ƒe fli ɖe sɔti aɖe si li xoxo me. Esia ana nàkpɔ sɔti eve siwo dzea egɔme tso kplɔ̃wo dzi eye woadzi ɖe edzi va ɖo kplɔ̃ gãwo dzi , kple eve bubu (siwo ƒe kekeme sɔ) le sɔti gãtɔ la me.

Le asitelefon ƒe lolomewo, tablɛtwo kple anyime la, sɔti siawo kple woƒe sɔti siwo wotsɔ ƒo ƒui la aƒo ƒu ɖe wo nɔewo dzi.

.col-md-8 ƒe ƒuƒoƒo

.col-md-6 ƒe ƒuƒoƒo

.col-md-4 ƒe ƒuƒoƒo

Wotsaka: asitelefon kple kɔmpiuta dzi

Bootstrap v5 grid ɖoɖoa ƒe hatsotso ade le hatsotsowo me: xs (sue wu, womezã klass ƒe ŋkɔnya sia o), sm (sue), md (titina), lg (lolo), xl (x-lolo), kple xxl (xx -lolo). Àte ŋu azã klass siawo ƒe ƒuƒoƒo ɖesiaɖe kloe atsɔ awɔ ɖoɖo siwo trɔna wu eye woate ŋu atrɔ ɖe nɔnɔmewo ŋu.

Klass ƒe hatsotso ɖesiaɖe dzina ɖe edzi, si fia be ne èɖoe be yeaɖo kekeme ɖeka ma ke na md, lg, xl kple xxl la, md koe wòle be nàgblɔ.

.col-md-8 ƒe ƒuƒoƒo

.kɔl-6 .kɔl-md-4

.kol-6 ƒe ƒuƒoƒo

Wotsaka: asitelefon, tablɛt, kple kɔmpiuta dzi

.kɔl-sm-6 .kɔl-lg-8

.kɔl-6 .kɔl-lg-4

.kɔl-6 .kɔl-sm-4

Tsiɖɔɖɔɖɔƒewo

Le .gx-*klasswo me la, woate ŋu atrɔ asi le tsidzɔƒe siwo le tsia dzi ŋu.

.colkple .gx-4tsiɖɔɖɔɖɔƒewo

Zã .gy-*klassawo nàtsɔ akpɔ tsiɖɔɖɔ siwo le tsitrenu la dzi.

.colkple .gy-4tsiɖɔɖɔɖɔƒewo

Le .g-*klasswo me la, woate ŋu atrɔ asi le tsidzɔƒe siwo le akpa eveawo siaa ŋu.

.colkple .g-3tsiɖɔɖɔɖɔƒewo

Nugoewo me

Klass bubu siwo wotsɔ kpe ɖe Bootstrap v4.4 ŋu ɖe mɔ na nugoe siwo keke 100% vaseɖe esime wogbã teƒe aɖe koŋ. xxlv5 tsɔ breakpoint yeye kpee .

.nugoe me nugoe

.nugoe-sm

.nugoe-md

.nugoe-lg

.nugoe-xl

.nugoe-xxl

.nugoe me tsi