Was ist class = "mb-0" in Bootstrap 4?

Antworten:

245

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

Akash Preet
quelle
7
Die Klasse mb-0 in Bootstrap 4 entspricht dem unteren Rand: 0px; Klingt das gut
Akash Preet
51

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?

Zim
quelle
4
Vielen Dank, dass Sie einen Link zu den Originaldokumenten bereitgestellt haben. Ich würde viel lieber direkt aus der Quelle lesen, als einen Dritten wie w3schools durchzugehen!
Pbarranis
8

m - für Klassen, die den Rand wie folgt festlegen:

  • mt - für Klassen, die setzen margin-top
  • mb - für Klassen, die setzen margin-bottom
  • ml - für Klassen, die setzen margin-left
  • mr - für Klassen, die setzen margin-right
  • mx- für Klassen, die sowohl margin-leftals auch setzenmargin-right
  • my- für Klassen, die sowohl margin-topals 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 z mt-0
  • 1 - (standardmäßig) für Klassen, die den Rand auf $ spacer * .25 setzen, wie z mt-1
  • 2 - (standardmäßig) für Klassen, die den Rand auf $ spacer * .5 setzen, wie z mt-2
  • 3 - (standardmäßig) für Klassen, die den Rand auf $ spacer setzen, wie z mt-3
  • 4 - (standardmäßig) für Klassen, die den Rand auf $ spacer * 1.5 setzen, wie z mt-4
  • 5 - (standardmäßig) für Klassen, die den Rand auf $ spacer * 3 setzen, wie z mt-5
  • auto - für Klassen, die den Rand auf auto setzen, wie z mx-auto
STA
quelle
-1

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

Nakkeeran 8797
quelle