Izibonelo zegridi ye-Bootstrap
Izakhiwo zegridi eziyisisekelo ukuze ujwayelane nokwakha ngaphakathi kwesistimu yegridi ye-Bootstrap.
Kulezi zibonelo .themed-grid-col
ikilasi lengezwa kumakholomu ukuze kwengezwe ingqikithi ethile. Leli akulona ikilasi elitholakala ku-Bootstrap ngokuzenzakalelayo.
Izigaba ezinhlanu zamagridi
Kunezigaba ezinhlanu ohlelweni lwegridi ye-Bootstrap, eyodwa yohlu ngalunye lwamadivayisi esiwasekelayo. Isigaba ngasinye siqala kusayizi omncane wembobo yokubuka futhi sisebenza ngokuzenzakalelayo kumadivayisi amakhulu ngaphandle kwalapho kubhalwe ngaphezulu.
Amakholomu amathathu alinganayo
Thola amakholomu amathathu anobubanzi obulinganayo uqale kumadeskithophu futhi ulinganisele kumadeskithophu amakhulu . Kumadivayisi eselula, amathebulethi nangaphansi, amakholomu azostake ngokuzenzakalelayo.
Okunye okuhlukile kwamakholomu amathathu alinganayo
Ngokusebenzisa .row-cols-*
amakilasi, ungakha kalula igridi enamakholomu alinganayo.
.col
ingane ye
.row-cols-md-3
.col
ingane ye
.row-cols-md-3
.col
ingane ye
.row-cols-md-3
Amakholomu amathathu angalingani
Thola amakholomu amathathu aqala kumadeskithophu bese ufinyelela kumadeskithophu amakhulu anobubanzi obuhlukahlukene. Khumbula, amakholomu egridi kufanele afinyelele eshumini nambili kubhulokhi eyodwa evundlile. Ngaphezu kwalokho, namakholomu aqala ukunqwabelana kungakhathaliseki ukuthi imbobo yokubuka.
Amakholomu amabili
Thola amakholomu amabili aqala kumadeskithophu bese ufinyelela kumadeskithophu amakhulu .
Ububanzi obugcwele, ikholomu eyodwa
Awekho amakilasi egridi adingekayo kuma-elementi anobubanzi obugcwele.
Amakholomu amabili anamakholomu amabili anesidleke
Ngokwamadokhumenti, ukwenza isidleke kulula—vele ufake umugqa wamakholomu ngaphakathi kwekholomu ekhona. Lokhu kukunikeza amakholomu amabili aqala kumadeskithophu bese ufinyelela kumadeskithophu amakhulu , namanye amabili (ububanzi obulinganayo) ngaphakathi kwekholomu enkulu.
Kosayizi bedivayisi yeselula, amathebulethi naphansi, lawa makholomu namakholomu awo akhiwe azonqwabelana.
Okuhlanganisiwe: iselula nedeskithophu
Uhlelo lwegridi ye-Bootstrap v4 lunezigaba ezinhlanu zamakilasi: ama-xs (amancane kakhulu, lesi sigaba se-infix asisetshenziswa), sm (okuncane), md (okumaphakathi), lg (okukhulu), kanye ne-xl (okukhulu ngokwengeziwe). Ungasebenzisa cishe noma iyiphi inhlanganisela yalezi zigaba ukuze udale izakhiwo eziguqukayo nezivumelana nezimo.
Isigaba ngasinye samakilasi siyakhuphuka, okusho ukuthi uma uhlela ukusetha ububanzi obufanayo be-md, lg kanye ne-xl, udinga kuphela ukucacisa i-md.
Okuhlanganisiwe: iselula, ithebhulethi, nedeskithophu
Ama-Gutters
Ngamakilasi .gx-*
, ama-gutters avundlile angalungiswa.
.col
nama-
.gx-4
gutters
.col
nama-
.gx-4
gutters
.col
nama-
.gx-4
gutters
.col
nama-
.gx-4
gutters
.col
nama-
.gx-4
gutters
.col
nama-
.gx-4
gutters
Sebenzisa .gy-*
amakilasi ukulawula ama-gutters aqondile.
.col
nama-
.gy-4
gutters
.col
nama-
.gy-4
gutters
.col
nama-
.gy-4
gutters
.col
nama-
.gy-4
gutters
.col
nama-
.gy-4
gutters
.col
nama-
.gy-4
gutters
Ngamakilasi .g-*
, ama-gutters kuzo zombili izinkomba angalungiswa.
.col
nama-
.g-3
gutters
.col
nama-
.g-3
gutters
.col
nama-
.g-3
gutters
.col
nama-
.g-3
gutters
.col
nama-
.g-3
gutters
.col
nama-
.g-3
gutters
Izitsha
Amakilasi engeziwe engezwe ku-Bootstrap v4.4 avumela iziqukathi ezinobubanzi obungu-100% kuze kube indawo ethile yokuphumula. I-v5 ingeza i- xxl
breakpoint entsha.