Nafasi
Bootstrap inajumuisha aina mbalimbali za ukingo wa kuitikia kwa mkono mfupi na madarasa ya matumizi ya kurekebisha ili kurekebisha mwonekano wa kipengele.
Weka thamani zinazofaa kuitikia margin
au padding
thamani kwa kipengele au kikundi kidogo cha pande zake chenye madarasa ya mkato. Inajumuisha usaidizi wa sifa za kibinafsi, sifa zote, na sifa za wima na za mlalo. Madarasa hujengwa kutoka kwa ramani chaguo-msingi ya Sass kuanzia .25rem
hadi 3rem
.
Huduma za kuweka nafasi zinazotumika kwa sehemu zote za kukatika, kuanzia xs
hadi xl
, hazina muhtasari wa sehemu ya kukatika ndani yake. Hii ni kwa sababu madarasa hayo yanatumika kutoka min-width: 0
na juu, na kwa hivyo hayafungwi na hoja ya midia. Vikwazo vilivyosalia, hata hivyo, vinajumuisha muhtasari wa sehemu ya kuvunja.
Madarasa yanaitwa kwa kutumia umbizo {property}{sides}-{size}
la xs
na {property}{sides}-{breakpoint}-{size}
kwa sm
, md
, lg
, na xl
.
Ambapo mali ni moja ya:
m
- kwa madarasa yaliyowekwamargin
p
- kwa madarasa yaliyowekwapadding
Ambapo pande ni moja ya:
t
- kwa madarasa yaliyowekwamargin-top
aupadding-top
b
- kwa madarasa yaliyowekwamargin-bottom
aupadding-bottom
l
- kwa madarasa yaliyowekwamargin-left
aupadding-left
r
- kwa madarasa yaliyowekwamargin-right
aupadding-right
x
- kwa madarasa ambayo yanaweka wote*-left
na*-right
y
- kwa madarasa ambayo yanaweka wote*-top
na*-bottom
- tupu - kwa madarasa ambayo yanaweka
margin
aupadding
pande zote 4 za kipengele
Ambapo saizi ni moja ya:
0
- kwa madarasa ambayo huondoamargin
aupadding
kwa kuiweka0
1
- (kwa chaguo-msingi) kwa madarasa ambayo yanawekamargin
aupadding
to$spacer * .25
2
- (kwa chaguo-msingi) kwa madarasa ambayo yanawekamargin
aupadding
to$spacer * .5
3
- (kwa chaguo-msingi) kwa madarasa ambayo yanawekamargin
aupadding
to$spacer
4
- (kwa chaguo-msingi) kwa madarasa ambayo yanawekamargin
aupadding
to$spacer * 1.5
5
- (kwa chaguo-msingi) kwa madarasa ambayo yanawekamargin
aupadding
to$spacer * 3
auto
- kwa madarasa ambayo yanawekamargin
kiotomatiki
(Unaweza kuongeza saizi zaidi kwa kuongeza maingizo kwenye utofauti wa $spacers
ramani ya Sass.)
Hapa kuna mifano ya uwakilishi wa madarasa haya:
Zaidi ya hayo, Bootstrap pia inajumuisha .mx-auto
darasa la kuweka mlalo maudhui ya kiwango cha kuzuia upana usiobadilika—yaani, maudhui ambayo yana display: block
na width
seti—kwa kuweka ukingo mlalo hadi auto
.