Imizekelo yegridi yeBootstrap

Uyilo lwegridi esisiseko ukuze uqhelane nesakhiwo ngaphakathi kwenkqubo yegridi yeBootstrap.

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 3 inemigangatho emine yeeklasi: xs (iifowuni), sm (tablets), md (desktop), kunye nelg (iidesktops ezinkulu). 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-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

Ixutywe: iselula, ithebhulethi, kunye nedesktop

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

Ukucoca ikholamu

Cacisa ukudada kwiindawo ezithile zokuphumla ukunqanda ukusonga okungafanelekanga ngomxholo ongalinganiyo.

.col-xs-6 .col-sm-3 Yenza ubungakanani bendawo
yakho yokujonga okanye uyijonge kwifowuni yakho umzekelo.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Offset, tyhala, kwaye utsale ukusetha kwakhona

Lungisa kwakhona ii-offsets, ukutyhala, kunye nokutsalwa kwiindawo ezithile zokuqhawula.

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0