Nga tauira matiti Bootstrap

Nga whakatakotoranga matiti taketake kia mohio koe ki te hanga i roto i te punaha matiti Bootstrap.

I enei tauira ka taapirihia te .themed-grid-colakomanga ki nga pou hei taapiri i etahi kaupapa. Ehara tenei i te karaehe e waatea ana i Bootstrap ma te taunoa.

E rima nga taumata tukutuku

E rima nga taumata ki te punaha matiti Bootstrap, kotahi mo ia momo taputapu ka tautokohia e matou. Ka timata ia taumata i te iti rawa o te tauranga tiro ka pa atu ki nga taputapu nui mena ka whakakorehia.

.col-4

.col-sm-4

.col-md-4

.col-lg-4

.col-xl-4

.col-xxl-4

E toru nga pou rite

Tikina kia toru nga pou rite-whanui timata mai i nga papamahi me te tauine ki nga papamahi nui . I runga i nga taputapu pūkoro, papa me raro, ka tapae aunoa nga pou.

.col-md-4

E toru nga pou riterite

Ma te whakamahi i nga .row-cols-*karaehe, ka ngawari te hanga matiti me nga pou rite.

.coltamaiti o .row-cols-md-3

E toru nga pou korerite

Tikina kia toru nga pou ka timata mai i nga papamahi me te tauine ki nga papamahi nui o nga momo whanui. Kia maumahara, me tapiri nga pou matiti ki te tekau ma rua mo te poraka whakapae kotahi. I tua atu i tera, ka tiimata nga poupou ahakoa te tauranga tirohanga.

.col-md-3

.col-md-6

.col-md-3

E rua nga pou

Tikina kia rua nga pou ka timata mai i nga papamahi ka huri ki nga papamahi nui .

.col-md-8

.col-md-4

Whānui katoa, tīwae kotahi

Kaore he karaehe matiti e tika ana mo nga huānga whanui-katoa.

E rua nga pou e rua nga pou kohanga

I runga i nga tuhinga, he ngawari te kohanga—whakatakotoria he rarangi pou ki roto i te pou o mua. Ka hoatu ki a koe kia rua nga pou ka timata mai i nga papamahi me te tauine ki nga papamahi nui , me etahi atu e rua (nga whanui rite) i roto i te pou nui.

Ki te rahi o te taputapu pūkoro, papa me te heke iho, ka tapapa enei pou me o ratou pou kohanga.

.col-md-8

.col-md-6

.col-md-4

Whakaranuhia: pūkoro me te papamahi

Ko te punaha matiti Bootstrap v5 e ono nga taumata o nga karaehe: xs (he iti ake, kaore i te whakamahia tenei whakaurunga akomanga), sm (iti), md (waenganui), lg (nui), xl (x-nui), me xxl (xx -nui). Ka taea e koe te whakamahi tata ki nga huinga katoa o enei karaehe hei hanga i nga whakatakotoranga hihiko me te ngawari.

Ka piki ake ia taumata o nga karaehe, ko te tikanga mena ka whakamahere koe ki te whakarite kia rite nga whanui mo te md, lg, xl me xxl, me tohu noa te md.

.col-md-8

.col-6 .col-md-4

.col-6

Ranu: pūkoro, papa, me te papamahi

.col-sm-6 .col-lg-8

.col-6 .col-lg-4

.col-6 .col-sm-4

Nga awaawa

Ma .gx-*nga karaehe, ka taea te whakatika i nga awaawa whakapae.

.colme .gx-4nga awaawa

Whakamahia nga .gy-*karaehe hei whakahaere i nga awaawa poutū.

.colme .gy-4nga awaawa

Ma .g-*nga karaehe, ka taea te whakatika nga awaawa i nga taha e rua.

.colme .g-3nga awaawa

Nga ipu

Ko etahi atu karaehe kua taapirihia ki Bootstrap v4.4 ka taea nga ipu 100% te whanui tae noa ki tetahi waahi pakaru. Ka taapirihia e te v5 he xxlwaahi pakaru hou.

.putea

.ipu-sm

.ipu-md

.ipu-lg

.ipu-xl

.ipu-xxl

. ipu-wai