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āka Bootstrap.

ʻ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 mānoanoa 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 ʻehā papa o nā papa o ka Bootstrap 3 grid system: xs (kelepona), sm (papa), md (desktops), a me lg (nā papapihi nui aku). 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 me ka 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-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

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

.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

Hoʻomaʻemaʻe kolamu

E hoʻomaʻemaʻe i nā lana ma nā wahi haʻihaʻi no ka pale ʻana i ka wahī ʻana me ka ʻike ʻole.

.col-xs-6 .col-sm-3
E hoʻololi i kou puka nānā a nānā paha ma kāu kelepona no ka laʻana.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Offset, pahu, a huki hou

E hoʻihoʻi hou i nā offset, pahu, a huki i nā wahi haʻi kikoʻī.

.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