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-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

E toru nga pou riterite

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

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-6
.col-md-4

Whakaranuhia: pūkoro me te papamahi

E rima nga taumata o nga karaehe o te punaha matiti Bootstrap v4: xs (he iti ake, kaore i te whakamahia tenei infix akomanga), sm (iti), md (waenganui), lg (nui), me te xl (nui atu). 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, te tikanga mena ka whakamahere koe ki te whakatakoto i nga whanui rite mo te md, lg me te xl, me tohu noa te 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

Ranu: pūkoro, papa, me te papamahi

.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

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.

.putea
.ipu-sm
.ipu-md
.ipu-lg
.ipu-xl
. ipu-wai