Mokowā
Kei roto i te Bootstrap te whānuitanga o te tawhwhanga whakautu poto me nga karaehe whaipainga padding ki te whakarereke i te ahua o tetahi huānga.
Hoatu he uara aro-a-hoa margin
, padding
uara ranei ki tetahi huānga, ki tetahi waahanga iti ranei o ona taha me nga karaehe poto. Kei roto ko te tautoko mo nga ahuatanga takitahi, nga ahuatanga katoa, me nga waahanga poutū me te whakapae. Ka hangaia nga karaehe mai i te mapi Sass taunoa mai i .25rem
te 3rem
.
Ko nga taputapu mokowhiti e pa ana ki nga waahi wehenga katoa, mai i xs
te xl
, karekau he whakapototanga mokowhiti i roto. Ko tenei na te mea kua tonohia aua karaehe mai i min-width: 0
runga ake, no reira karekau e herea e te patai pāpāho. Heoi ano, kei roto i nga toenga wehenga he whakapototanga mokowhiti.
Ka whakaingoatia nga karaehe ma te whakamahi i te whakatakotoranga {property}{sides}-{size}
mo xs
me {property}{sides}-{breakpoint}-{size}
mo sm
, md
, lg
, me xl
.
Ko nga taonga tetahi o:
m
- mo nga karaehe kua whakariteamargin
p
- mo nga karaehe kua whakariteapadding
Ko nga taha tetahi o:
t
- mo nga karaehe e whakatakoto anamargin-top
raneipadding-top
b
- mo nga karaehe e whakatakoto anamargin-bottom
raneipadding-bottom
l
- mo nga karaehe e whakatakoto anamargin-left
raneipadding-left
r
- mo nga karaehe e whakatakoto anamargin-right
raneipadding-right
x
- mo nga akomanga e whakarite ana i nga mea e rua*-left
me te*-right
y
- mo nga akomanga e whakarite ana i nga mea e rua*-top
me te*-bottom
- pātea - mō ngā karaehe e whakatakoto ana i ngā taha e 4 rānei o te
margin
huāngapadding
Ko te rahi tetahi o:
0
- mo nga karaehe ka whakakore i temargin
,padding
ma te tautuhi ranei ki0
1
- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimargin
raneipadding
$spacer * .25
2
- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimargin
raneipadding
$spacer * .5
3
- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimargin
raneipadding
$spacer
4
- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimargin
raneipadding
$spacer * 1.5
5
- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimargin
raneipadding
$spacer * 3
auto
- mo nga karaehe e tautuhi ana i temargin
ki auto
(Ka taea e koe te taapiri i etahi atu rahi ma te taapiri i nga urunga ki te $spacers
taurangi mahere Sass.)
Anei etahi tauira o enei akomanga:
I tua atu, kei roto ano i a Bootstrap tetahi .mx-auto
karaehe mo te whakamau whakapae i nga ihirangi taumata paraka whanui-whanui—ara, nga ihirangi kei a ia display: block
me te width
huinga—ma te tautuhi i nga tawhē whakapae ki auto
.