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, womezã klass ƒe ŋkɔnya sia o), 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ɔ asi le wo ŋu wu.

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

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

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ŋ.

.nugoe me nugoe
.nugoe-sm
.nugoe-md
.nugoe-lg
.nugoe-xl
.nugoe-tsi-tsi