Nga taputapu mo te whakatakotoranga
Mo te whanaketanga tere-a-rorohiko me te urupare, kei a Bootstrap te maha o nga karaehe whaipainga mo te whakaatu, te huna, te whakatika, me te mokowhiti ihirangi.
Whakamahia a maatau taputapu whakaatu mo te huri i nga uara noa o te display
rawa. Whakaranuhia me ta maatau punaha matiti, ihirangi, waahanga ranei hei whakaatu, huna ranei i nga waahanga tirohanga motuhake.
Ko te Bootstrap 4 he mea hanga ki te flexbox, engari kaore i whakarereketia nga huānga katoa na te mea ka taapirihia te display
maha display: flex
o nga huringa koretake me te whakarereke ohorere i nga whanonga tirotiro matua. Ko te nuinga o a maatau waahanga he mea hanga ki te flexbox whakahohea.
Mena ka hiahia koe ki te taapiri atu display: flex
ki tetahi huānga, mahia me .d-flex
tetahi o nga momo rereke urupare (hei tauira, .d-sm-flex
). Ka hiahia koe ki tenei karaehe, display
ki te uara ranei hei whakamahi i a maatau taputapu pouaka flexbox mo te rahinga, te tirohanga, te mokowhiti, me etahi atu.
Whakamahia nga taputapu mokowhitimargin
me te mokowhiti hei whakahaere me pehea te mokowhiti me te rahi o nga huānga me nga waahanga. Kei roto i te Bootstrap 4 he tauine e rima nga taumata mo nga taputapu mokowhiti, i runga i te taurangi uara taunoa . Whiriwhiria nga uara mo nga tauranga tirohanga katoa (hei tauira, mo te ), kowhiria ranei nga momo rerekee aro ki te aro ki nga tauranga tirohanga motuhake (hei tauira, mo te tiimata i te waahi pakaru).padding
1rem
$spacer
.mr-3
margin-right: 1rem
.mr-md-3
margin-right: 1rem
md
Ki display
te kore e hiahiatia te takahuri, ka taea e koe te takahuri visibility
i tetahi huānga me o maatau taputapu tirohanga . Ko nga huānga e kore e kitea ka pa ki te whakatakotoranga o te wharangi, engari ka huna mai i nga manuhiri.