Mifano ya gridi ya bootstrap
Mipangilio ya msingi ya gridi ili kukufahamisha na ujenzi ndani ya mfumo wa gridi ya Bootstrap.
Katika mifano hii .themed-grid-col
darasa linaongezwa kwenye safu ili kuongeza mada. Hili si darasa ambalo linapatikana katika Bootstrap kwa chaguo-msingi.
Viwango vya gridi tano
Kuna viwango vitano kwa mfumo wa gridi ya Bootstrap, moja kwa kila masafa ya vifaa tunavyotumia. Kila daraja huanza katika ukubwa wa chini zaidi wa kituo cha kutazama na hutumika kiotomatiki kwa vifaa vikubwa isipokuwa kitakapobatilishwa.
Safu tatu sawa
Pata safu wima tatu za upana sawa kuanzia kwenye eneo-kazi na kuongeza eneo-kazi kubwa . Kwenye vifaa vya mkononi, kompyuta kibao na chini, safu wima zitapangwa kiotomatiki.
Safu wima tatu mbadala
Kwa kutumia .row-cols-*
madarasa, unaweza kuunda gridi kwa urahisi na safu wima sawa.
.col
mtoto wa
.row-cols-md-3
.col
mtoto wa
.row-cols-md-3
.col
mtoto wa
.row-cols-md-3
Safu tatu zisizo sawa
Pata safu wima tatu kuanzia kompyuta za mezani na kuongeza hadi eneo-kazi kubwa za upana mbalimbali. Kumbuka, safu wima za gridi zinapaswa kuongezwa hadi kumi na mbili kwa kizuizi kimoja cha mlalo. Zaidi ya hayo, na safu wima huanza kupangwa bila kujali eneo la kutazama.
Safu mbili
Pata safu wima mbili kuanzia kwenye kompyuta za mezani na kuongeza hadi eneo-kazi kubwa .
Upana kamili, safu wima moja
Hakuna darasa za gridi zinazohitajika kwa vipengele vya upana kamili.
Safu mbili zilizo na safu wima mbili
Kulingana na hati, kuweka kiota ni rahisi—weka tu safu mlalo ndani ya safu wima iliyopo. Hii hukupa safu wima mbili kuanzia kwenye dawati na kuongeza hadi eneo-kazi kubwa , na nyingine mbili (upana sawa) ndani ya safu kubwa zaidi.
Katika saizi za vifaa vya mkononi, kompyuta kibao na chini, safu wima hizi na safu wima zao zilizowekwa zitapangwa.
Mchanganyiko: simu na eneo-kazi
Mfumo wa gridi ya Bootstrap v4 una viwango vitano vya madarasa: xs (ndogo zaidi, infix ya darasa hili haitumiki), sm (ndogo), md (kati), lg (kubwa), na xl (kubwa zaidi). Unaweza kutumia karibu mchanganyiko wowote wa madarasa haya ili kuunda mipangilio inayobadilika zaidi na inayonyumbulika.
Kila safu ya madarasa huongezeka, ikimaanisha ikiwa unapanga kuweka upana sawa wa md, lg na xl, unahitaji tu kutaja md.
Mchanganyiko: simu ya mkononi, kompyuta ya mkononi, na eneo-kazi
Mifereji ya maji
Kwa .gx-*
madarasa, mifereji ya usawa inaweza kubadilishwa.
.col
na
.gx-4
mifereji
ya maji.col
na
.gx-4
mifereji
ya maji.col
na
.gx-4
mifereji
ya maji.col
na
.gx-4
mifereji
ya maji.col
na
.gx-4
mifereji
ya maji.col
na
.gx-4
mifereji
ya majiTumia .gy-*
madarasa kudhibiti mifereji ya wima.
.col
na
.gy-4
mifereji
ya maji.col
na
.gy-4
mifereji
ya maji.col
na
.gy-4
mifereji
ya maji.col
na
.gy-4
mifereji
ya maji.col
na
.gy-4
mifereji
ya maji.col
na
.gy-4
mifereji
ya majiKwa .g-*
madarasa, mifereji ya maji katika pande zote mbili inaweza kubadilishwa.
.col
na
.g-3
mifereji
ya maji.col
na
.g-3
mifereji
ya maji.col
na
.g-3
mifereji
ya maji.col
na
.g-3
mifereji
ya maji.col
na
.g-3
mifereji
ya maji.col
na
.g-3
mifereji
ya majiVyombo
Madarasa ya ziada yaliyoongezwa katika Bootstrap v4.4 huruhusu kontena ambazo zina upana wa 100% hadi kikomo fulani. v5 inaongeza kikomo kipya xxl
.