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, paddinguara 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 .25remte 3rem.
Ko nga taputapu mokowhiti e pa ana ki nga waahi wehenga katoa, mai i xste xl, karekau he whakapototanga mokowhiti i roto. Ko tenei na te mea kua tonohia aua karaehe mai i min-width: 0runga 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 xsme {property}{sides}-{breakpoint}-{size}mo sm, md, lg, me xl.
Ko nga taonga tetahi o:
m- mo nga karaehe kua whakariteamarginp- mo nga karaehe kua whakariteapadding
Ko nga taha tetahi o:
t- mo nga karaehe e whakatakoto anamargin-topraneipadding-topb- mo nga karaehe e whakatakoto anamargin-bottomraneipadding-bottoml- mo nga karaehe e whakatakoto anamargin-leftraneipadding-leftr- mo nga karaehe e whakatakoto anamargin-rightraneipadding-rightx- mo nga akomanga e whakarite ana i nga mea e rua*-leftme te*-righty- mo nga akomanga e whakarite ana i nga mea e rua*-topme te*-bottom- pātea - mō ngā karaehe e whakatakoto ana i ngā taha e 4 rānei o te
marginhuāngapadding
Ko te rahi tetahi o:
0- mo nga karaehe ka whakakore i temargin,paddingma te tautuhi ranei ki01- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimarginraneipadding$spacer * .252- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimarginraneipadding$spacer * .53- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimarginraneipadding$spacer4- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimarginraneipadding$spacer * 1.55- (ma te taunoa) mo nga karaehe e tautuhi ana i te kimarginraneipadding$spacer * 3auto- mo nga karaehe e tautuhi ana i temarginki auto
(Ka taea e koe te taapiri i etahi atu rahi ma te taapiri i nga urunga ki te $spacerstaurangi mahere Sass.)
Anei etahi tauira o enei akomanga:
.mt-0 {
margin-top: 0 !important;
}
.ml-1 {
margin-left: ($spacer * .25) !important;
}
.px-2 {
padding-left: ($spacer * .5) !important;
padding-right: ($spacer * .5) !important;
}
.p-3 {
padding: $spacer !important;
}I tua atu, kei roto ano i a Bootstrap tetahi .mx-autokaraehe mo te whakamau whakapae i nga ihirangi taumata paraka whanui-whanui—ara, nga ihirangi kei a ia display: blockme te widthhuinga—ma te tautuhi i nga tawhē whakapae ki auto.
<div class="mx-auto" style="width: 200px;">
Centered element
</div>