Heba
Ny Bootstrap dia ahitana karazan-tsindrim-panentanana fohy sy kilasy fampiasa amin'ny padding hanovana ny endriky ny singa iray.
Ahoana ny fiasan'izany
Manendre soatoavina mora raisina margin
na padding
soatoavina ho an'ny singa iray na ampahany amin'ny sisiny misy kilasy fohy. Ahitana fanohanana ny fananana tsirairay, ny fananana rehetra ary ny toetra mitsangana sy mitsivalana. Ny kilasy dia natsangana avy amin'ny sarintany Sass default manomboka .25rem
amin'ny 3rem
.
tarehimarika
Ny fitaovana fanalavirana izay mihatra amin'ny teboka fiatoana rehetra, manomboka xs
amin'ny xl
, dia tsy misy fanafohezan-tohatra tapaka ao aminy. Izany dia satria ireo kilasy ireo dia ampiharina avy any min-width: 0
ambony, ary noho izany dia tsy voafatotry ny fangatahana media. Ny teboka sisa tavela anefa dia misy fanafohezan-teny.
Ny kilasy dia nomena anarana amin'ny alàlan'ny format {property}{sides}-{size}
for xs
and {property}{sides}-{breakpoint}-{size}
for sm
, md
, lg
, ary xl
.
Ny fananana dia iray amin'ireo:
m
- ho an'ny kilasy izay napetrakamargin
p
- ho an'ny kilasy izay napetrakapadding
Aiza ny lafiny iray amin'ny:
t
- ho an'ny kilasy izay mametrakamargin-top
napadding-top
b
- ho an'ny kilasy izay mametrakamargin-bottom
napadding-bottom
l
- ho an'ny kilasy izay mametrakamargin-left
napadding-left
r
- ho an'ny kilasy izay mametrakamargin-right
napadding-right
x
- ho an'ny kilasy izay mametraka ny roa*-left
sy ny*-right
y
- ho an'ny kilasy izay mametraka ny roa*-top
sy ny*-bottom
- banga - ho an'ny kilasy izay mametraka
margin
napadding
amin'ny lafiny 4 amin'ny singa
Ny habeny dia iray amin'ireo:
0
- ho an'ny kilasy manafoana nymargin
napadding
amin'ny fametrahana azy0
1
- (amin'ny alàlan'ny default) ho an'ny kilasy mametraka nymargin
orpadding
to$spacer * .25
2
- (amin'ny alàlan'ny default) ho an'ny kilasy mametraka nymargin
orpadding
to$spacer * .5
3
- (amin'ny alàlan'ny default) ho an'ny kilasy mametraka nymargin
orpadding
to$spacer
4
- (amin'ny alàlan'ny default) ho an'ny kilasy mametraka nymargin
orpadding
to$spacer * 1.5
5
- (amin'ny alàlan'ny default) ho an'ny kilasy mametraka nymargin
orpadding
to$spacer * 3
auto
- ho an'ny kilasy mametraka nymargin
auto
(Azonao atao ny manampy habe bebe kokoa amin'ny alàlan'ny fampidirana ny fidirana amin'ny $spacers
fari-piainan'ny sari-tany Sass.)
OHATRA
Ireto misy ohatra sasantsasany amin'ireo kilasy ireo:
.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;
}
Ivontoerana mitsivalana
Fanampin'izany, ny Bootstrap dia misy ihany koa ny .mx-auto
kilasy ho an'ny atiny mitsivalana afovoany amin'ny haavon'ny sakana raikitra—izany hoe, votoaty misy display: block
sy andiana iray width
—amin'ny alàlan'ny fametrahana ny sisiny marindrano amin'ny auto
.
<div class="mx-auto" style="width: 200px;">
Centered element
</div>
sisiny ratsy
Ao amin'ny CSS, margin
ny fananana dia afaka mampiasa sanda ratsy ( padding
tsy afaka). Tamin'ny 4.2, dia nampiana fampiasa amin'ny sisiny ratsy ho an'ny haben'ny integer tsy aotra voatanisa etsy ambony (oh, 1
, 2
, 3
, 4
, 5
). Ireo fitaovana ireo dia mety tsara amin'ny fampifanarahana ny tatatra tsanganana amin'ny tsanganana amin'ny alàlan'ny breakpoints.
Ny syntax dia saika mitovy amin'ny default, fampiasa amin'ny sisiny tsara, fa miaraka amin'ny fanampiana n
alohan'ny habe nangatahana. Ity misy kilasy ohatra iray mifanohitra amin'ny .mt-1
:
.mt-n1 {
margin-top: -0.25rem !important;
}
Ity misy ohatra iray amin'ny fanamboarana ny grid Bootstrap eo amin'ny toerana fiatoana antonony ( md
) sy ambony. Nampitomboinay ny .col
padding .px-md-5
ary avy eo nanohitra izany tamin'ny .mx-md-n5
ray aman-dreny .row
.
<div class="row mx-md-n5">
<div class="col px-md-5"><div class="p-3 border bg-light">Custom column padding</div></div>
<div class="col px-md-5"><div class="p-3 border bg-light">Custom column padding</div></div>
</div>