Zitsanzo za grid ya Bootstrap
Masanjidwe a gridi oyambira kuti mudziwe zomanga mkati mwa dongosolo la grid ya Bootstrap.
M'zitsanzo izi .themed-grid-col
kalasiyo imawonjezedwa kumagulu kuti muwonjezere mitu ina. Ili si kalasi yomwe imapezeka mu Bootstrap mwachisawawa.
Magawo asanu a gridi
Pali magawo asanu pagulu la Bootstrap grid, imodzi pazida zilizonse zomwe timathandizira. Gawo lililonse limayamba pamlingo wocheperako ndipo limagwira ntchito pazida zazikulu pokhapokha zitasinthidwa.
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.
Njira zitatu zofananira zina
Pogwiritsa ntchito .row-cols-*
makalasi, mutha kupanga gridi yokhala ndi mizati yofanana.
.col
mwana wa
.row-cols-md-3
.col
mwana wa
.row-cols-md-3
.col
mwana wa
.row-cols-md-3
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.
Mizati iwiri
Pezani mizati iwiri kuyambira pa desktops ndikukula mpaka ma desktops akulu .
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.
Zosakanikirana: mafoni ndi desktop
Dongosolo la grid ya Bootstrap v4 lili ndi magawo asanu a makalasi: xs (owonjezera pang'ono, kalasi iyi infix sikugwiritsidwa ntchito), sm (yaing'ono), md (yapakati), lg (yayikulu), ndi xl (yayikulu). Mutha kugwiritsa ntchito pafupifupi kuphatikiza kulikonse kwa makalasiwa kuti mupange masanjidwe osinthika komanso osinthika.
Gulu lililonse la makalasi limakwera, kutanthauza kuti ngati mukufuna kukhazikitsa m'lifupi mwake md, lg ndi xl, muyenera kungotchula md.
Zosakanikirana: mafoni, piritsi, ndi desktop
Mitsinje
Ndi .gx-*
makalasi, ma gutter opingasa amatha kusinthidwa.
.col
ndi
.gx-4
ngalande
.col
ndi
.gx-4
ngalande
.col
ndi
.gx-4
ngalande
.col
ndi
.gx-4
ngalande
.col
ndi
.gx-4
ngalande
.col
ndi
.gx-4
ngalande
Gwiritsani ntchito .gy-*
magalasi kuti muwongolere mitsinje yoyima.
.col
ndi
.gy-4
ngalande
.col
ndi
.gy-4
ngalande
.col
ndi
.gy-4
ngalande
.col
ndi
.gy-4
ngalande
.col
ndi
.gy-4
ngalande
.col
ndi
.gy-4
ngalande
Ndi .g-*
makalasi, ma gutter mbali zonse ziwiri amatha kusinthidwa.
.col
ndi
.g-3
ngalande
.col
ndi
.g-3
ngalande
.col
ndi
.g-3
ngalande
.col
ndi
.g-3
ngalande
.col
ndi
.g-3
ngalande
.col
ndi
.g-3
ngalande
Zotengera
Makalasi owonjezera omwe adawonjezedwa mu Bootstrap v4.4 amalola zotengera zomwe zili ndi 100% m'lifupi mpaka malo ena osweka. v5 imawonjezera gawo latsopano xxl
.