Imizekelo yegridi yeBootstrap
Uyilo lwegridi esisiseko ukuze uqhelane nesakhiwo ngaphakathi kwenkqubo yegridi yeBootstrap.
Kule mizekelo .themed-grid-col
iklasi yongezwa kwiikholamu ukongeza umxholo othile. Olu ayilodidi olukhoyo kwi-Bootstrap ngokungagqibekanga.
Amanqanaba amahlanu egridi
Kukho amanqanaba amahlanu kwinkqubo yegridi yeBootstrap, enye kuluhlu ngalunye lwezixhobo esizixhasayo. Inqanaba ngalinye liqala kubungakanani obuncinci bendawo yokujonga kwaye lisebenza ngokuzenzekelayo kwizixhobo ezikhulu ngaphandle kokuba zibhalwe ngaphezulu.
Iintsika ezintathu ezilinganayo
Fumana iikholamu ezintathu zobubanzi obulinganayo ukuqala kwiidesktops kunye nokukala kwiidesktop ezinkulu . Kwizixhobo eziphathwayo, iitafile kunye nangaphantsi, iikholamu ziya kuzipakisha ngokuzenzekelayo.
Iikholamu ezintathu ezilinganayo enye indlela
Ngokusebenzisa .row-cols-*
iiklasi, unokwenza lula igridi eneentsika ezilinganayo.
.col
umntwana we
.row-cols-md-3
.col
umntwana we
.row-cols-md-3
.col
umntwana we
.row-cols-md-3
Iintsika ezintathu ezingalinganiyo
Fumana iikholamu ezintathu eziqala kwiidesktops kunye nokukala kwiidesktop ezinkulu zobubanzi obahlukeneyo. Khumbula, iikholamu zegridi kufuneka zidibanise ukuya kwishumi elinesibini kwibhloko enye ethe tye. Ngaphezu koko, kwaye iikholamu ziqala ukupakishwa nokuba ijongo lokujonga.
Iikholamu ezimbini
Fumana iikholamu ezimbini eziqala kwiidesktop kunye nokukala kwiidesktop ezinkulu .
Ububanzi obupheleleyo, ikholamu enye
Akukho ziklasi zegridi eziyimfuneko kwizinto ezinobubanzi obugcweleyo.
Iikholamu ezimbini ezineentsika ezimbini ezifakwe kwindlwane
Ngokwamaxwebhu, ukwenza indlwane kulula-beka nje umqolo wekholamu ngaphakathi koluhlu olukhoyo. Oku kukunika iikholamu ezimbini eziqala kwiidesktop kunye nokukala kwiidesktop ezinkulu , nezinye ezimbini (ububanzi obulinganayo) ngaphakathi komhlathi omkhulu.
Kwiisayizi zesixhobo esiphathwayo, iitafile kunye nasezantsi, le kholamu kunye neintsika zazo ezifakwe kwindlwane ziya kupakishwa.
Ixutywe: iselula kunye nedesktop
Inkqubo yegridi ye-Bootstrap v4 inamanqanaba amahlanu eeklasi: xs (incinci kakhulu, le infix yodidi ayisetyenziswa), sm (encinci), md (phakathi), lg (enkulu), kunye ne-xl (enkulu kakhulu). Ungasebenzisa phantse naluphi na udibaniso lwezi klasi ukwenza uyilo oluguquguqukayo nolubhetyebhetye.
Inqanaba ngalinye leeklasi liyanyuka, oku kuthetha ukuba uceba ukuseta ububanzi obufanayo be-md, lg kunye ne-xl, kufuneka uchaze kuphela md.
Ixutywe: iselula, ithebhulethi, kunye nedesktop
Imijelo
Ngeeklasi .gx-*
, i-gutters ethe tyaba inokulungiswa.
.col
.gx-4
ngeegutters
_
.col
.gx-4
ngeegutters
_
.col
.gx-4
ngeegutters
_
.col
.gx-4
ngeegutters
_
.col
.gx-4
ngeegutters
_
.col
.gx-4
ngeegutters
_
Sebenzisa .gy-*
iiklasi ukulawula iigatha ezithe nkqo.
.col
.gy-4
ngeegutters
_
.col
.gy-4
ngeegutters
_
.col
.gy-4
ngeegutters
_
.col
.gy-4
ngeegutters
_
.col
.gy-4
ngeegutters
_
.col
.gy-4
ngeegutters
_
Ngeeklasi .g-*
, i-gutters kumacala omabini inokulungiswa.
.col
.g-3
ngeegutters
_
.col
.g-3
ngeegutters
_
.col
.g-3
ngeegutters
_
.col
.g-3
ngeegutters
_
.col
.g-3
ngeegutters
_
.col
.g-3
ngeegutters
_
Izikhongozeli
Iiklasi ezongezelelweyo ezongeziweyo kwi-Bootstrap v4.4 zivumela izikhongozeli ezinobubanzi obuyi-100% kude kube yindawo ethile yokwahlukana. I-v5 yongeza i- xxl
breakpoint entsha.