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.

ʻ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

ʻ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 ʻ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 papa o nā papa o Bootstrap v4: xs (liʻiliʻi liʻiliʻi), 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.

Hoʻonui ʻia 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 xs a me sm, pono ʻoe e kuhikuhi i ka xs.

.col-12 .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-12 .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