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-col
klass 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.
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.
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.
.col
vi ƒe
.row-cols-md-3
.col
vi ƒe
.row-cols-md-3
.col
vi ƒ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.
Sɔti eve
Na sɔti eve nadze egɔme tso kplɔ̃wo dzi eye woadzi ɖe edzi va ɖo kplɔ̃ gãwo dzi .
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.
Wotsaka: asitelefon kple kɔmpiuta dzi
Bootstrap v4 grid ɖoɖoa ƒe hatsotso atɔ̃ le hatsotsowo me: xs (sue wu, womezãa klass ƒe infix sia o), sm (sue), md (medium), 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 ma ke na md, lg kple xl la, ɖeko wòle be nàgblɔ md.
Wotsaka: asitelefon, tablɛt, kple kɔmpiuta dzi
Tsiɖɔɖɔɖɔƒewo
Le .gx-*
klasswo me la, woate ŋu atrɔ asi le tsidzɔƒe siwo le tsia dzi ŋu.
.col
kple
.gx-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gx-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gx-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gx-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gx-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gx-4
tsiɖɔɖɔɖɔƒewo
Zã .gy-*
klassawo nàtsɔ akpɔ tsiɖɔɖɔ siwo le tsitrenu la dzi.
.col
kple
.gy-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gy-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gy-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gy-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gy-4
tsiɖɔɖɔɖɔƒewo
.col
kple
.gy-4
tsiɖɔɖɔɖɔƒewo
Le .g-*
klasswo me la, woate ŋu atrɔ asi le tsidzɔƒe siwo le akpa eveawo siaa ŋu.
.col
kple
.g-3
tsiɖɔɖɔɖɔƒewo
.col
kple
.g-3
tsiɖɔɖɔɖɔƒewo
.col
kple
.g-3
tsiɖɔɖɔɖɔƒewo
.col
kple
.g-3
tsiɖɔɖɔɖɔƒewo
.col
kple
.g-3
tsiɖɔɖɔɖɔƒewo
.col
kple
.g-3
tsiɖɔɖɔɖɔƒ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ŋ. xxl
v5 tsɔ breakpoint yeye kpee .