Izibonelo zegridi ye-Bootstrap

Izakhiwo zegridi eziyisisekelo ukuze ujwayelane nokwakha ngaphakathi kwesistimu yegridi ye-Bootstrap.

Amakholomu amathathu alinganayo

Thola amakholomu amathathu anobubanzi obulinganayo uqale kumadeskithophu futhi ulinganisele kumadeskithophu amakhulu . Kumadivayisi eselula, amathebulethi nangaphansi, amakholomu azostake ngokuzenzakalelayo.

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

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.

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

Amakholomu amabili

Thola amakholomu amabili aqala kumadeskithophu bese ufinyelela kumadeskithophu amakhulu .

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

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.

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

Okuhlanganisiwe: iselula nedeskithophu

Uhlelo lwegridi ye-Bootstrap 3 lunezigaba ezine zamakilasi: xs (amafoni), sm (amaphilisi), md (amadeskithophu), kanye ne-lg (amadeskithophu amakhulu). Ungasebenzisa cishe noma iyiphi inhlanganisela yalezi zigaba ukuze udale izakhiwo eziguqukayo nezivumelana nezimo.

Isigaba ngasinye samakilasi siyakhuphuka, okusho ukuthi uma uhlela ukusetha ububanzi obufanayo buka-xs no-sm, udinga kuphela ukucacisa u-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

Okuhlanganisiwe: iselula, ithebhulethi, nedeskithophu

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

Ukusula ikholomu

Sula ukuntanta ezindaweni ezithile zokuphumula ukuze uvimbele ukugoqa okungalungile ngokuqukethwe okungalingani.

.col-xs-6 .col-sm-3
Shintsha usayizi wembobo yakho yokubuka noma uhlole efonini yakho isibonelo.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Offset, push, and pull ukusetha kabusha

Setha kabusha ama-offset, ukusunduza, nokudonsa ezindaweni ezithile zokuphumula.

.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