Nā hiʻohiʻona kiʻi Bootstrap

Nā papa kuhikuhi kahua kahua e hoʻomaʻamaʻa iā ʻoe i ke kūkulu ʻana i loko o ka ʻōnaehana mākia Bootstrap.

Ma kēia mau laʻana .themed-grid-col, hoʻohui ʻia ka papa i nā kolamu e hoʻohui i kekahi mau kumuhana. ʻAʻole kēia he papa i loaʻa ma Bootstrap ma ka paʻamau.

ʻElima pae mānoanoa

Aia ʻelima mau papa i ka ʻōnaehana mākia Bootstrap, hoʻokahi no kēlā me kēia ʻano o nā mea hana a mākou e kākoʻo ai. Hoʻomaka kēlā me kēia papa ma ka liʻiliʻi liʻiliʻi ka nui o ka viewport a pili pono i nā mea ʻoi aku ke ʻole ke kāpae ʻia.

.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
.col-xxl-4
.col-xxl-4
.col-xxl-4

ʻEkolu kolamu like

E kiʻi i ʻekolu kolamu like-ākea e hoʻomaka ana ma nā papapihi a me ka hoʻonui ʻana i nā pākaukau nui . Ma nā polokalamu kelepona, papa a ma lalo, e hoʻopaʻa ʻakomi nā kolamu.

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

ʻEkolu kolamu like ʻokoʻa

Ma ka hoʻohana ʻana i nā .row-cols-*papa, hiki iā ʻoe ke hana maʻalahi i kahi mākia me nā kolamu like.

.colkeiki a .row-cols-md-3
.colkeiki a .row-cols-md-3
.colkeiki a .row-cols-md-3

ʻEkolu kolamu like ʻole

E kiʻi i ʻekolu kolamu e hoʻomaka ana ma nā papapihi a e hoʻonui i nā pākaukau nui o nā laula like ʻole. E hoʻomanaʻo, pono e hoʻohui ʻia nā kolamu mānoanoa i ʻumikūmālua no ka poloka hoʻokahi. ʻOi aku ma mua o kēlā, a hoʻomaka nā kolamu e hoʻopaʻa i ka nānā ʻole.

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

ʻElua kolamu

E kiʻi i ʻelua kolamu e hoʻomaka ana ma nā papapihi a me ka hoʻonui ʻana i nā pākaukau nui .

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

Laulā piha, kolamu hoʻokahi

ʻAʻole pono nā papa grid no nā mea ākea piha.

ʻElua kolamu me ʻelua kolamu pūnana

Ma ka palapala, maʻalahi ka hoʻopaʻa ʻana—e kau wale i kahi lālani o nā kolamu i loko o kahi kolamu e kū nei. Hāʻawi kēia iā ʻoe i ʻelua kolamu e hoʻomaka ana ma nā papapihi a me ka hoʻonui ʻana i nā pākaukau nui , me ʻelua ʻelua (nā laula like) i loko o ke kolamu nui.

Ma ka nui o ka polokalamu kelepona, papa a me lalo, e hoʻopaʻa ʻia kēia mau kolamu a me nā kolamu pūnana.

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

Hoʻohui ʻia: kelepona a me ka pākaukau

He ʻelima mau papa o ka ʻōnaehana mākia Bootstrap v4: xs (liʻiliʻi liʻiliʻi, ʻaʻole hoʻohana ʻia kēia infix papa), sm (liʻiliʻi), md (medium), lg (nui), a me xl (nui nui). Hiki iā ʻoe ke hoʻohana i nā hui like ʻole o kēia mau papa e hana i nā hoʻolālā ʻoi aku ka ikaika a maʻalahi.

Piʻi kēlā me kēia papa o nā papa, ʻo ia hoʻi inā e hoʻolālā ʻoe i ka hoʻonohonoho ʻana i nā laula like no md, lg a me xl, pono ʻoe e kuhikuhi i ka md.

.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

Hoʻohui: paʻa lima, papa, a me ka papapihi

.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

ʻAuwai

Me .gx-*nā papa, hiki ke hoʻoponopono ʻia nā auwai ākea.

.colme na .gx-4auwai
.colme na .gx-4auwai
.colme na .gx-4auwai
.colme na .gx-4auwai
.colme na .gx-4auwai
.colme na .gx-4auwai

E hoʻohana i nā .gy-*papa e hoʻomalu i nā auwai kū.

.colme na .gy-4auwai
.colme na .gy-4auwai
.colme na .gy-4auwai
.colme na .gy-4auwai
.colme na .gy-4auwai
.colme na .gy-4auwai

Me .g-*nā papa, hiki ke hoʻoponopono ʻia nā auwai ma nā ʻaoʻao ʻelua.

.colme na .g-3auwai
.colme na .g-3auwai
.colme na .g-3auwai
.colme na .g-3auwai
.colme na .g-3auwai
.colme na .g-3auwai

Nā pahu pahu

ʻO nā papa hou i hoʻohui ʻia ma Bootstrap v4.4 e ʻae i nā ipu i 100% ākea a hiki i kahi haki. Hoʻohui ʻo v5 i kahi haʻihaʻi hou xxl.

.container
.container-sm
.container-md
.container-lg
. pahu-xl
. pahu-xxl
.mea-wai