css
twitter-bootstrap
bootstrap-4
twitter-bootstrap-4
Phillip Senn
quelle
quelle
Antworten:
Bootstrap bietet eine breite Palette an Dienstprogrammklassen für reaktionsschnelle Ränder und Auffüllungen. Sie funktionieren für alle Haltepunkte:
xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) oder xl (> = 1200px))
Die Klassen werden im folgenden Format verwendet:
{Eigenschaft} {Seiten} - {Größe} für xs & {Eigenschaft} {Seiten} - {Haltepunkt} - {Größe} für sm, md, lg und xl.
m - setzt den Rand
p - setzt die Polsterung
t - Legt die Randoberseite oder die Polsterungsoberseite fest
b - Setzt Rand-Boden oder Polster-Boden
l - Setzt den Rand nach links oder den Abstand nach links
r - setzt Rand rechts oder Polsterung rechts
x - Setzt sowohl das Auffüllen links als auch das Auffüllen rechts oder den Rand links und den Rand rechts
y - Legt sowohl die Polsterung oben als auch die Polsterung unten oder den Rand oben und den Rand unten fest
leer - Legt einen Rand oder eine Polsterung auf allen 4 Seiten des Elements fest
0 - Sätze Rand oder Polsterung auf 0
1 - Setzt den Rand oder die Auffüllung auf .25rem (4 Pixel, wenn die Schriftgröße 16 Pixel beträgt)
2 - Sätze Rand oder Polsterung zu .5rem (8px wenn Schriftgröße ist 16px)
3 - Sätze Rand oder Polsterung zu 1rem (16px wenn Schriftgröße ist 16px)
4 - Setzt den Rand oder die Auffüllung auf 1,5 rem (24 Pixel, wenn die Schriftgröße 16 Pixel beträgt)
5 - Sätze Rand oder Polsterung zu 3rem (48px wenn Schriftgröße ist 16px)
auto - setzt den Rand auf auto
Weitere Informationen finden Sie unter Bootstrap 4.5 - Abstand
Lesen Sie mehr in w3schools
quelle
Es wird verwendet, um einen unteren Rand von 0 (
margin-bottom:0
) zu erstellen . Weitere Dienstprogrammklassen für den Abstand finden Sie hier: https://getbootstrap.com/docs/4.0/utilities/spacing/Verwandte Themen : Wie verwende ich die Spacing Utility-Klassen in Bootstrap 4?
quelle
m
- für Klassen, die den Rand wie folgt festlegen:mt
- für Klassen, die setzenmargin-top
mb
- für Klassen, die setzenmargin-bottom
ml
- für Klassen, die setzenmargin-left
mr
- für Klassen, die setzenmargin-right
mx
- für Klassen, die sowohlmargin-left
als auch setzenmargin-right
my
- für Klassen, die sowohlmargin-top
als auch setzenmargin-bottom
Wo die Größe einer der Ränder ist:
0
- für Klassen, die den Rand beseitigen, indem sie ihn auf 0 setzen, wie zmt-0
1
- (standardmäßig) für Klassen, die den Rand auf $ spacer * .25 setzen, wie zmt-1
2
- (standardmäßig) für Klassen, die den Rand auf $ spacer * .5 setzen, wie zmt-2
3
- (standardmäßig) für Klassen, die den Rand auf $ spacer setzen, wie zmt-3
4
- (standardmäßig) für Klassen, die den Rand auf $ spacer * 1.5 setzen, wie zmt-4
5
- (standardmäßig) für Klassen, die den Rand auf $ spacer * 3 setzen, wie zmt-5
auto
- für Klassen, die den Rand auf auto setzen, wie zmx-auto
quelle
m - setzt den Rand
p - setzt die Polsterung
t - Legt die Randoberseite oder die Polsterungsoberseite fest
b - Setzt Rand-Boden oder Polster-Boden
l - Setzt den Rand nach links oder den Abstand nach links
r - setzt Rand rechts oder Polsterung rechts
x - Setzt sowohl das Auffüllen links als auch das Auffüllen rechts oder den Rand links und den Rand rechts
y - Legt sowohl die Polsterung oben als auch die Polsterung unten oder den Rand oben und den Rand unten fest
leer - Legt einen Rand oder eine Polsterung auf allen 4 Seiten des Elements fest
0 - setzt Rand oder Abstand auf 0
1 - Setzt den Rand oder die Auffüllung auf .25rem (4 Pixel, wenn die Schriftgröße 16 Pixel beträgt)
2 - setzt Rand oder Abstand auf .5rem (8px bei einer Schriftgröße von 16px)
3 - setzt Rand oder Abstand auf 1rem (16px bei einer Schriftgröße von 16px)
4 - Setzt den Rand oder die Auffüllung auf 1,5 rem (24 Pixel, wenn die Schriftgröße 16 Pixel beträgt)
5 - setzt Rand oder Abstand auf 3rem (48px bei einer Schriftgröße von 16px)
auto - setzt den Rand auf auto
quelle