Imizekelo yegridi yeBootstrap

Uyilo lwegridi esisiseko ukuze uqhelane nesakhiwo ngaphakathi kwenkqubo yegridi yeBootstrap.

Kule mizekelo .themed-grid-coliklasi 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.

.col-4
.col-4
.col-4
.col-sm-4
.col-sm-4
.col-sm-4
.col-md-4
.col-md-4
.col-md-4
.col-lg-4
.col-lg-4
.col-lg-4
.col-xl-4
.col-xl-4
.col-xl-4

Iintsika ezintathu ezilinganayo

Fumana iikholamu ezintathu zobubanzi obulinganayo ukuqala kwiidesktops kunye nokukala kwiidesktop ezinkulu . Kwizixhobo eziphathwayo, iitafile kunye nangaphantsi, iikholamu ziya kuzipakisha ngokuzenzekelayo.

.col-md-4
.col-md-4
.col-md-4

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 kungakhathaliseki indawo yokujonga.

.col-md-3
.col-md-6
.col-md-3

Iikholamu ezimbini

Fumana iikholamu ezimbini eziqala kwiidesktop kunye nokukala kwiidesktop ezinkulu .

.col-md-8
.col-md-4

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.

.col-md-8
.col-md-6
.col-md-6
.col-md-4

Ixutywe: iselula kunye nedesktop

Inkqubo yegridi ye-Bootstrap v4 inamanqanaba amahlanu eeklasi: xs (incinci kakhulu), 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-xs kunye ne-sm, kufuneka uchaze kuphela ii-xs.

.col-12 .col-md-8
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6
.col-6

Ixutywe: iselula, ithebhulethi, kunye nedesktop

.col-12 .col-sm-6 .col-lg-8
.col-6 .col-lg-4
.col-6 .col-sm-4
.col-6 .col-sm-4
.col-6 .col-sm-4