Térköz
A Bootstrap a gyorsított reszponzív margók és padding segédprogramok széles skáláját tartalmazza az elemek megjelenésének módosításához.
Rendeljen reszponzív-barát margin
vagy padding
értékeket egy elemhez vagy oldalainak egy részhalmazához gyorsírási osztályokkal. Tartalmazza az egyes tulajdonságok, az összes tulajdonság, valamint a függőleges és vízszintes tulajdonságok támogatását. Az osztályok egy alapértelmezett Sass térképből épülnek .25rem
fel 3rem
.
Az összes töréspontra, tól xs
-ig érvényes térköz segédprogramok xl
nem tartalmaznak töréspont-rövidítést. Ennek az az oka, hogy ezeket az osztályokat a rendszer elölről min-width: 0
és felfelé alkalmazza, és így nem köti őket médialekérdezés. A fennmaradó töréspontok azonban tartalmaznak egy töréspont-rövidítést.
Az osztályok elnevezése a következő formátumban történik {property}{sides}-{size}
: xs
, {property}{sides}-{breakpoint}-{size}
, sm
, md
és lg
.xl
Ahol az ingatlan a következők egyike:
m
- az osztályokhoz, amelyek megmargin
p
- az osztályokhoz, amelyek megpadding
Ahol az oldalak valamelyike:
t
- osztályoknak, amelyek beállítjákmargin-top
illpadding-top
b
- osztályoknak, amelyek beállítjákmargin-bottom
illpadding-bottom
l
- osztályoknak, amelyek beállítjákmargin-left
illpadding-left
r
- osztályoknak, amelyek beállítjákmargin-right
illpadding-right
x
- azokhoz az osztályokhoz, amelyek beállítják a*-left
és a*-right
y
- azokhoz az osztályokhoz, amelyek beállítják a*-top
és a*-bottom
- üres - azokhoz az osztályokhoz, amelyek egy
margin
vagypadding
az elem mind a 4 oldalára állítanak be
Ahol a méret a következők egyike:
0
- azoknál az osztályoknál, amelyek megszüntetik amargin
vagypadding
beállításával0
1
- (alapértelmezés szerint) azokhoz az osztályokhoz, amelyek amargin
vagy -ot állítjákpadding
be$spacer * .25
2
- (alapértelmezés szerint) azokhoz az osztályokhoz, amelyek amargin
vagy -ot állítjákpadding
be$spacer * .5
3
- (alapértelmezés szerint) azokhoz az osztályokhoz, amelyek amargin
vagy -ot állítjákpadding
be$spacer
4
- (alapértelmezés szerint) azokhoz az osztályokhoz, amelyek amargin
vagy -ot állítjákpadding
be$spacer * 1.5
5
- (alapértelmezés szerint) azokhoz az osztályokhoz, amelyek amargin
vagy -ot állítjákpadding
be$spacer * 3
auto
- azokhoz az osztályokhoz, amelyek azmargin
auto
(További méreteket adhat hozzá, ha bejegyzéseket ad hozzá a $spacers
Sass térképváltozóhoz.)
Íme néhány reprezentatív példa ezekre az osztályokra:
Ezenkívül a Bootstrap egy .mx-auto
osztályt is tartalmaz a rögzített szélességű blokkszintű tartalom vízszintes központosítására – azaz a tartalommal display: block
és egy width
készlettel – a vízszintes margók értékre állításával auto
.