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-4 ƒe ƒuƒoƒo
.col-4 ƒe ƒuƒoƒo
.col-sm-4 ƒe ƒuƒoƒo
.col-sm-4 ƒe ƒuƒoƒo
.col-sm-4 ƒe ƒuƒoƒo
.col-md-4 ƒe ƒuƒoƒo
.col-md-4 ƒe ƒuƒoƒo
.col-md-4 ƒe ƒuƒoƒo
.col-lg-4 ƒe ƒuƒoƒo
.col-lg-4 ƒe ƒuƒoƒo
.col-lg-4 ƒe ƒuƒoƒo
.col-xl-4 ƒe ƒuƒoƒo
.col-xl-4 ƒe ƒuƒoƒo
.col-xl-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
.col-md-4 ƒe ƒuƒoƒo
.col-md-4 ƒe ƒuƒoƒo

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-6 ƒe ƒuƒoƒo
.col-md-4 ƒe ƒuƒoƒo

Wotsaka: asitelefon kple kɔmpiuta dzi

Bootstrap v4 grid ɖoɖoa ƒe hatsotso atɔ̃ le hatsotsowo me: xs (sue wu), sm (sue), md (titina), lg (lolo), kple xl (lolo wu). À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 na xs kple sm la, xs koe wòle be nàgblɔ.

.kɔl-12 .kɔl-md-8
.kɔl-6 .kɔl-md-4
.kɔl-6 .kɔl-md-4
.kɔl-6 .kɔl-md-4
.kɔl-6 .kɔl-md-4
.kol-6 ƒe ƒuƒoƒo
.kol-6 ƒe ƒuƒoƒo

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

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