Tarpai
„Bootstrap“ apima platų sutrumpinto atsako paraštės ir užpildymo naudingumo klasių asortimentą, kad pakeistų elemento išvaizdą.
Priskirkite elementui ar jo kraštinių poaibiui jautrumą margin
arba reikšmes naudodami stenografijos klases. padding
Apima atskirų savybių, visų savybių ir vertikalių bei horizontalių savybių palaikymą. Klasės sukurtos pagal numatytąjį Sass žemėlapį nuo .25rem
iki 3rem
.
Tarpų priemonės, taikomos visoms lūžio taškams nuo xs
iki xl
, neturi lūžio taško santrumpos. Taip yra todėl, kad šios klasės taikomos nuo min-width: 0
pradžios iki galo ir todėl nėra susietos su medijos užklausa. Tačiau likusiuose lūžio taškuose yra lūžio taško santrumpa.
Klasės pavadintos naudojant formatą {property}{sides}-{size}
ir xs
, {property}{sides}-{breakpoint}-{size}
, sm
, md
ir lg
.xl
Kai nuosavybė yra viena iš:
m
- klasėms, kurios nustatomosmargin
p
- klasėms, kurios nustatomospadding
Kurios pusės yra viena iš:
t
- klasėms, kurios nustatomargin-top
arbapadding-top
b
- klasėms, kurios nustatomargin-bottom
arbapadding-bottom
l
- klasėms, kurios nustatomargin-left
arbapadding-left
r
- klasėms, kurios nustatomargin-right
arbapadding-right
x
- klasėms, kurios nustato ir*-left
ir*-right
y
- klasėms, kurios nustato ir*-top
ir*-bottom
- tuščia – klasėms, kurios nustato a
margin
arbapadding
visose 4 elemento pusėse
Kai dydis yra vienas iš:
0
- klasėms, kurios pašalinamargin
arbapadding
nustatydami jį į0
1
- (pagal numatytuosius nustatymus) klasėms, kurios nustatomargin
arbapadding
į$spacer * .25
2
- (pagal numatytuosius nustatymus) klasėms, kurios nustatomargin
arbapadding
į$spacer * .5
3
- (pagal numatytuosius nustatymus) klasėms, kurios nustatomargin
arbapadding
į$spacer
4
- (pagal numatytuosius nustatymus) klasėms, kurios nustatomargin
arbapadding
į$spacer * 1.5
5
- (pagal numatytuosius nustatymus) klasėms, kurios nustatomargin
arbapadding
į$spacer * 3
auto
- klasėms, kuriose nustatytasmargin
automatinis
(Galite pridėti daugiau dydžių, įtraukdami įrašus į $spacers
Sass žemėlapio kintamąjį.)
Štai keletas tipiškų šių klasių pavyzdžių:
Be to, „Bootstrap“ taip pat apima .mx-auto
klasę, skirtą horizontaliai centruoti fiksuoto pločio bloko lygio turinį, ty turinį, kuris turi display: block
ir width
rinkinį, nustatant horizontalias paraštes į auto
.