Atstarpes
Bootstrap ietver plašu saīsināto atsauces piemaļu un polsterējuma lietderības klašu klāstu, lai mainītu elementa izskatu.
Piešķiriet elementam vai tā malu apakškopai atsaucīgas vērtības margin
vai vērtības, izmantojot stenogrāfijas klases. padding
Ietver atsevišķu rekvizītu, visu rekvizītu, kā arī vertikālo un horizontālo rekvizītu atbalstu. Klases ir veidotas no noklusējuma Sass kartes diapazonā no .25rem
līdz 3rem
.
Atstarpju utilītas, kas attiecas uz visiem pārtraukuma punktiem no xs
līdz xl
, nesatur pārtraukuma punkta saīsinājumu. Tas ir tāpēc, ka šīs klases tiek lietotas no min-width: 0
un uz augšu, un tādējādi tās nav saistītas ar multivides vaicājumu. Tomēr atlikušajos pārtraukuma punktos ir ietverts pārtraukuma punkta saīsinājums.
Klases tiek nosauktas, izmantojot formātu {property}{sides}-{size}
, , , xs
un .{property}{sides}-{breakpoint}-{size}
sm
md
lg
xl
Ja īpašums ir viens no:
m
- klasēm, kas komplektāmargin
p
- klasēm, kas komplektāpadding
Ja malas ir viena no:
t
- klasēm, kas nosakamargin-top
vaipadding-top
b
- klasēm, kas nosakamargin-bottom
vaipadding-bottom
l
- klasēm, kas nosakamargin-left
vaipadding-left
r
- klasēm, kas nosakamargin-right
vaipadding-right
x
- klasēm, kas nosaka gan*-left
un*-right
y
- klasēm, kas nosaka gan*-top
un*-bottom
- tukšs - klasēm, kas nosaka a
margin
vaipadding
uz visām 4 elementa pusēm
Ja izmērs ir viens no:
0
- klasēm, kas novēršmargin
vaipadding
iestatot to uz0
1
- (pēc noklusējuma) klasēm, kas iestatamargin
vaipadding
uz$spacer * .25
2
- (pēc noklusējuma) klasēm, kas iestatamargin
vaipadding
uz$spacer * .5
3
- (pēc noklusējuma) klasēm, kas iestatamargin
vaipadding
uz$spacer
4
- (pēc noklusējuma) klasēm, kas iestatamargin
vaipadding
uz$spacer * 1.5
5
- (pēc noklusējuma) klasēm, kas iestatamargin
vaipadding
uz$spacer * 3
auto
- klasēm, kas iestatamargin
uz automātisko
(Varat pievienot citus izmērus, pievienojot ierakstus $spacers
Sass kartes mainīgajam.)
Šeit ir daži reprezentatīvi šo klašu piemēri:
Turklāt Bootstrap ietver arī .mx-auto
klasi fiksēta platuma bloka līmeņa satura horizontālai centrēšanai, tas ir, saturam, kuram ir display: block
un width
kopa, iestatot horizontālās piemales uz auto
.