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.

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 3 grid ɖoɖoa ƒe hatsotso ene le hatsotso ene me: xs (telefonwo), sm (tablɛtwo), md (kplɔ̃dzivɔwo), kple lg (kplɔ̃dzivɔ gãwo). À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-xs-12 .kɔl-md-8
.kɔl-xs-6 .kɔl-md-4
.kɔl-xs-6 .kɔl-md-4
.kɔl-xs-6 .kɔl-md-4
.kɔl-xs-6 .kɔl-md-4
.col-xs-6 ƒe ƒuƒoƒo
.col-xs-6 ƒe ƒuƒoƒo

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

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

Sɔtiwo ƒe ʋuʋu

Klɔ floats le breakpoints tɔxɛwo be woaxe mɔ ɖe babla siwo mebɔ o kple nya siwo mesɔ o.

.col-xs-6 .col-sm-3
Trɔ wò nukpɔkpɔ ƒe lolome alo kpɔe le wò fon dzi hena kpɔɖeŋu.
.kɔl-xs-6 .kɔl-sm-3
.kɔl-xs-6 .kɔl-sm-3
.kɔl-xs-6 .kɔl-sm-3

Offset, push, kple pull ƒe tɔtrɔwo

Gbugbɔ ɖo offsets, pushes, kple puls le breakpoints aɖewo koŋ dzi.

.kɔl-sm-5 .kɔl-md-6
.col-sm-5 .col-sm-tsitretsitsi-2 .col-md-6 .col-md-tsitretsiɖeŋu-0
.kɔl-sm-6 .kɔl-md-5 .kɔl-lg-6
.col-sm-6 .col-md-5 .col-md-tsitretsitsi-2 .col-lg-6 .col-lg-tsitretsitsi-0