Wie verwende ich den Abstand Utility-Klassen auf Bootstrap 4

Question

In diesem article I Bootstrap-4-Abstand Utility-Klassen sah und er nutzt mb-lg in classname

<div class="row"> 
    <div class="col-sm-6 m-b-lg"> 
     <!-- column-small-50%, margin-bottom-large --> 
    </div> 
</div> 

aber wenn ich es auf meteorjs verwenden mit reagieren nichts passieren . Fehle ich etwas oder Plugin?

Answer 1

Siehe Dokumentation Spacing (Bootstrap v4 alpha).

Die Klassen werden mit dem Format benannt: {property}-{sides}-{size}

Wo Größe eines von: * 0 - für Klassen, die die margin oder padding beseitigen, indem sie 0 * 1 Einstellung - (Standardeinstellung) für Klassen, die eingestellt den Rand oder Polsterung $spacer-x$spacer-y * 2 oder - (by default) für Klassen, die den Rand oder die Polsterung $spacer-x * 1.5 oder $spacer-y * 1.5 * 3 eingestellt - (Standard) für Klassen, die den Rand oder die Polsterunggesetztoder $spacer-y * 3.

Verwenden Sie also m-t-3 anstelle von m-t-lg.

Answer 2

Grundsätzlich müssen Sie nur Werke von 0 bis 3 mt-0, mt-1, mt-2 oder mt-3

Answer 3

-Update 2018 Bootstrap 4

Die Bootstrap 4 spacing utils have changed seit dem ursprünglichen Antworten. Jetzt ist die Syntax einfach:

• Margen: m {Seiten} - {size}
• padding: p {Seiten} - {size}

Beispiele ..

mb-2 = Rand unten 2 Abstandseinheiten
m-0 = keine Ränder
pt-3 = padding top 3 Teilungseinheiten
p-1 = padding alle Seiten 1 Abstand Einheit

Es gibt jetzt 6 Größen (0-6), die einen Teil der Standard 1rem Spacer-Einheit darstellen.Zusätzlich x-Achse (links/rechts) und y-Achse (oben/unten) utils wurden hinzugefügt:

my-2 = Rand oben & Boden 2 Abstand Einheiten
mx-0 = links keine Ränder & rechten
px-3 = & padding links rechts 3 Teilungseinheiten

Und, sind die Abstände utils nun anspricht. Der kleinste xs Haltepunkt wird impliziert, wenn kein Haltepunkt verwendet wird.

• Margins: m {Seiten} - {Unterbrechungs} - {size}
• padding: p {Seiten} - {Unterbrechungs} - {size}

mt-md-2 = Marge top 2 Teilungseinheiten, auf md (und höher)
py-sm-0 = keine Polsterung oben & unten, auf sm (und höher)

012.

Bootstrap 4 Spacing Utils Demo