Source

Go beakanya sekgoba

Bootstrap e akaretša mefuta e fapaneng ya shorthand arabela moedi le padding utility dihlopha ho fetola elemente ya ponahalo.

Kamoo e šomago ka gona

Abela go arabela-bogwera margingoba paddingboleng go elemente goba sehlopha se senyenyane sa mahlakore a yona ka diklase tša mongwalokopana. E akaretša thekgo ya dithoto tša motho ka o tee ka o tee, dithoto ka moka, le dithoto tša go ema le tša go rapalala. Diklase di agilwe go tšwa go mmapa wa Sass wa go se fetoge go tloga go go .25remya go 3rem.

Notation

Didirišwa tša go arola sekgoba tšeo di šomago go dintlha ka moka tša go kgaotša, go tloga xsgo go ya go xl, ga di na khutsofatšo ya dintlha tša go kgaotša go tšona. Se ke ka lebaka la gore diklase tšeo di dirišwa go tloga min-width: 0le godimo, gomme ka go realo ga di tlemilwe ke potšišo ya boraditaba. Dintlha tše di šetšego tša go kgaotša, le ge go le bjalo, di akaretša khutsofatšo ya dintlha tša go kgaotša.

Diklase di reeletšwe maina ka go šomiša sebopego {property}{sides}-{size}sa xsle {property}{sides}-{breakpoint}-{size}sa sm, md, lg, le xl.

Moo thoto e lego ye nngwe ya:

m- bakeng sa diklase tse behamargin
p- bakeng sa diklase tse behapadding

Moo mahlakore e lego e nngwe ya:

t- bakeng sa diklase tse beha margin-topkapapadding-top
b- bakeng sa diklase tse beha margin-bottomkapapadding-bottom
l- bakeng sa diklase tse beha margin-leftkapapadding-left
r- bakeng sa diklase tse beha margin-rightkapapadding-right
x- bakeng sa diklase tse beha bobeli *-leftle*-right
y- bakeng sa diklase tse beha bobeli *-tople*-bottom
lefeela - bakeng sa diklase tse beha a marginkapa paddingka mahlakoreng ohle a 4 a elemente

Moo bogolo e lego e nngwe ya:

0- bakeng sa diklase tse felisang marginkapa paddingka ho e beha ho0
1- (ka default) bakeng sa diklase tse beha marginkapa paddingho$spacer * .25
2- (ka default) bakeng sa diklase tse beha marginkapa paddingho$spacer * .5
3- (ka default) bakeng sa diklase tse beha marginkapa paddingho$spacer
4- (ka default) bakeng sa diklase tse beha marginkapa paddingho$spacer * 1.5
5- (ka default) bakeng sa diklase tse beha marginkapa paddingho$spacer * 3
auto- bakeng sa diklase tse beha the marginho auto

(O ka oketša bogolo bjo bongwe ka go oketša dikeno go $spacersphetogo ya mmapa wa Sass.)

Mehlala

Mehlala e mengwe ya boemedi ya diklase tše še:

.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;
}

Go tsepama ga go rapalala

Go tlaleletša, Bootstrap e akaretša gape le .mx-autosehlopha sa go tsepamiša ka go rapalala diteng tša maemo a boloko bja bophara bjo bo sa fetogego—ke gore, diteng tšeo di nago display: blockle le widthsete—ka go beakanya mapheko a go rapalala go auto.

Element e tsepameng

<div class="mx-auto" style="width: 200px;">
  Centered element
</div>