Izithuba
I-Bootstrap ibandakanya uluhlu olubanzi lwe-shorthand ephendulayo ephendulayo kunye neeklasi eziluncedo zokuguqula ukuguqula inkangeleko yento.
Yabela i-responsive-friendly margin
or padding
values to element or subset of its sides neeclasses shorthand. Ibandakanya inkxaso yeepropati zomntu ngamnye, zonke iipropati, kunye neepropati ezithe nkqo nezithe tye. Iiklasi zakhiwe ukusuka kwimephu ye-Sass engagqibekanga ukusuka .25rem
kwi 3rem
.
Izithuba zemisebenzi ezisebenza kuzo zonke iindawo zokuqhawula, ukusuka xs
ukuya ukuya xl
, azinazifinyezo zebreakpoint kuzo. Oku kungenxa yokuba ezo klasi zisetyenziswa ukusuka min-width: 0
nangaphezulu, kwaye ke azibotshwanga ngumbuzo wemidiya. Ii-breakpoints ezishiyekileyo, nangona kunjalo, zibandakanya isifinyezo se-breakpoint.
Iiklasi zithiywe kusetyenziswa ifomathi {property}{sides}-{size}
ye xs
kunye {property}{sides}-{breakpoint}-{size}
ne sm
, md
, lg
, kunye xl
.
Apho ipropati yenye ye:
m
- kwiiklasi ezibekamargin
p
- kwiiklasi ezibekapadding
Apho amacala yenye ye:
t
- kwiiklasi ezibekamargin-top
okanyepadding-top
b
- kwiiklasi ezibekamargin-bottom
okanyepadding-bottom
l
- kwiiklasi ezibekamargin-left
okanyepadding-left
r
- kwiiklasi ezibekamargin-right
okanyepadding-right
x
- kwiiklasi ezibeka zombini*-left
kunye*-right
y
- kwiiklasi ezibeka zombini*-top
kunye*-bottom
- blank - kwiiklasi ezicwangcisa i
margin
okanyepadding
kuwo onke amacala ama-4 ento
Apho ubukhulu buyenye ye:
0
- kwiiklasi ezisusamargin
okanyepadding
ngokuyicwangcisa0
1
- (ngokungagqibekanga) kwiiklasi ezicwangcisa imargin
okanyepadding
ukuya$spacer * .25
2
- (ngokungagqibekanga) kwiiklasi ezicwangcisa imargin
okanyepadding
ukuya$spacer * .5
3
- (ngokungagqibekanga) kwiiklasi ezicwangcisa imargin
okanyepadding
ukuya$spacer
4
- (ngokungagqibekanga) kwiiklasi ezicwangcisa imargin
okanyepadding
ukuya$spacer * 1.5
5
- (ngokungagqibekanga) kwiiklasi ezicwangcisa imargin
okanyepadding
ukuya$spacer * 3
auto
- kwiiklasi eziseta i-margin
auto
(Unokongeza ubungakanani obungakumbi ngokongeza amangeno $spacers
kuguquko lwemephu ye-Sass.)
Nantsi eminye imizekelo emele ezi klasi:
Ukongezelela, i-Bootstrap ikwabandakanya .mx-auto
iklasi yokumisa i-horizontally centering blocked-width wide-fixed content level-oko kukuthi, umxholo onawo display: block
kunye width
nesethi-ngokubeka imida ethe tye ukuya auto
.