Ebyokulabirako bya bootstrap grid
Ensengeka za grid ezisookerwako okukumanyiiza okuzimba munda mu nkola ya Bootstrap grid.
Mu byokulabirako bino .themed-grid-col
ekibiina kyongerwa ku mpagi okwongerako omulamwa ogumu. Eno si kiraasi esangibwa mu Bootstrap nga bwekiba.
Emitendera gya grid etaano
Waliwo emitendera etaano ku nkola ya Bootstrap grid, emu ku buli lunyiriri lw’ebyuma bye tuwagira. Buli mutendera gutandika ku sayizi y'ekifo eky'okulaba ekitono ennyo era gukola mu ngeri ey'otoma ku byuma ebinene okuggyako nga gukyusiddwa.
Empagi ssatu ezenkanankana
Funa ennyiriri ssatu ez'obugazi obwenkanankana okutandika ku desktops n'okulinnyisa okutuuka ku desktops ennene . Ku byuma ebikozesebwa ku ssimu, tabuleti ne wansi, empagi zijja kuzimba butereevu.
Ennyiriri ssatu ezenkanankana alternative
Nga okozesa .row-cols-*
kiraasi, osobola bulungi okukola ekisenge ekirimu ennyiriri ezenkanankana.
.col
omwana wa
.row-cols-md-3
.col
omwana wa
.row-cols-md-3
.col
omwana wa
.row-cols-md-3
Empagi ssatu ezitenkanankana
Funa ennyiriri ssatu okutandika ku desktops n’okulinnyisa okutuuka ku desktops ennene ez’obugazi obw’enjawulo. Jjukira, empagi za giridi zirina okugattako okutuuka ku kkumi na bbiri ku bulooka emu ey’okwebungulula. Okusinga awo, era ennyiriri zitandika okutuuma si nsonga viewport.
Empagi bbiri
Funa ennyiriri bbiri okutandika ku desktops n'okulinnyisa okutuuka ku desktops ennene .
Obugazi obujjuvu, empagi emu
Tewali kiraasi za giridi zeetaagisa ku elementi ez'obugazi obujjuvu.
Ennyiriri bbiri ezirina ennyiriri bbiri eziteekeddwa mu kiyumba
Per the documentation, nesting is easy —mala okuteeka olunyiriri lw’ennyiriri munda mu mpagi eriwo. Kino kikuwa ennyiriri bbiri ezitandikira ku desktops ne zikula okutuuka ku desktops ennene , nga waliwo endala bbiri (obugazi obwenkanankana) munda mu nnyiriri ennene.
Ku sayizi z’ebyuma ebikozesebwa ku ssimu, tabuleti ne wansi, empagi zino n’ennyiriri zazo eziteekeddwa mu kiyumba zijja kutuuma.
Ebitabuddwamu: essimu ne desktop
Enkola ya Bootstrap v4 grid erina emitendera etaano egya kiraasi: xs (entono ennyo, infix eno eya kiraasi tekozesebwa), sm (entono), md (wa wakati), lg (ennene), ne xl (ennene ennyo). Osobola okukozesa kumpi omugatte gwonna ogwa kiraasi zino okukola ensengeka ezisinga okubeera ez’amaanyi era ezikyukakyuka.
Buli mutendera gwa kiraasi gukula, ekitegeeza nti bw’oba oteekateeka okuteekawo obugazi bwe bumu ku md, lg ne xl, olina okulaga md yokka.
Ebitabuddwamu: essimu, tabuleti, ne kompyuta
Emifulejje
Nga olina .gx-*
kiraasi, emifulejje egy’okwebungulula gisobola okutereezebwa.
.col
nga balina
.gx-4
emifulejje
.col
nga balina
.gx-4
emifulejje
.col
nga balina
.gx-4
emifulejje
.col
nga balina
.gx-4
emifulejje
.col
nga balina
.gx-4
emifulejje
.col
nga balina
.gx-4
emifulejje
Kozesa .gy-*
kiraasi okufuga emifulejje egy’ennyiriri (vertical gutters).
.col
nga balina
.gy-4
emifulejje
.col
nga balina
.gy-4
emifulejje
.col
nga balina
.gy-4
emifulejje
.col
nga balina
.gy-4
emifulejje
.col
nga balina
.gy-4
emifulejje
.col
nga balina
.gy-4
emifulejje
Nga olina .g-*
kiraasi, emifulejje mu njuyi zombi gisobola okutereezebwa.
.col
nga balina
.g-3
emifulejje
.col
nga balina
.g-3
emifulejje
.col
nga balina
.g-3
emifulejje
.col
nga balina
.g-3
emifulejje
.col
nga balina
.g-3
emifulejje
.col
nga balina
.g-3
emifulejje
Ebintu ebiteekebwamu ebintu
Ebika ebirala ebyongezeddwa mu Bootstrap v4.4 bikkiriza ebitereke ebigazi 100% okutuusa ku breakpoint entongole. v5 eyongerako ekifo ekipya xxl
eky'okumenya.