Zitsanzo za grid ya Bootstrap

Masanjidwe a gridi oyambira kuti mudziwe zomanga mkati mwa dongosolo la grid ya Bootstrap.

Mizati itatu yofanana

Pezani mizati itatu yofanana m'lifupi kuyambira pa desktops ndikukula mpaka ma desktops akulu . Pazida zam'manja, mapiritsi ndi m'munsimu, mizati idzangounjika yokha.

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

Mizati itatu yosiyana

Pezani mizati itatu kuyambira pa desktops ndikukula mpaka ma desktops akulu osiyanasiyana m'lifupi. Kumbukirani, mizati ya gululi iyenera kuonjeza mpaka khumi ndi awiri pa chipika chimodzi chopingasa. Kupitilira apo, ndipo mizati imayamba kuunjika mosasamala kanthu za malo owonera.

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

Mizati iwiri

Pezani mizati iwiri kuyambira pa desktops ndikukula mpaka ma desktops akulu .

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

M'lifupi mwake, ndime imodzi

Palibe makalasi a gridi omwe ali ofunikira pazambiri zonse.

Mizati iwiri yokhala ndi mizati iwiri yokhazikika

Malinga ndi zolembedwa, kumanga zisa ndikosavuta - ingoikani mizere ingapo mkati mwa gawo lomwe lilipo. Izi zimakupatsani mizati iwiri kuyambira pa desktops ndikukula mpaka ma desktops akulu , ndi ena awiri (m'lifupi mwake) mkati mwa gawo lalikulu.

Pamiyezo yazida zam'manja, mapiritsi ndi pansi, zigawo izi ndi zisa zake zidzachulukana.

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

Zosakanikirana: mafoni ndi desktop

Dongosolo la grid ya Bootstrap 3 lili ndi magawo anayi a makalasi: xs (mafoni), sm (mapiritsi), md (makompyuta), ndi lg (ma desktops akulu). Mutha kugwiritsa ntchito pafupifupi kuphatikiza kulikonse kwa makalasiwa kuti mupange masanjidwe osinthika komanso osinthika.

Gulu lililonse la makalasi limakwera, kutanthauza kuti ngati mukufuna kukhazikitsa makulidwe ofanana a xs ndi sm, muyenera kungotchula 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

Zosakanikirana: mafoni, piritsi, ndi desktop

.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

Kuchotsa mizati

Zoyandama zoyandama pamalo enaake kuti mupewe kukulunga movutikira ndi zinthu zosagwirizana.

.col-xs-6 .col-sm-3
Sinthani malo anu owonera kapena yang'anani pa foni yanu mwachitsanzo.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Offset, kukankha, ndi kukokera zosintha

Bwezeraninso ma offsets, kukankha, ndi kukoka pa malo opumira.

.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