Grundlegendes zu Class="mb-0" in Bootstrap 4

Bootstrap 4 bietet umfassende Hilfsklassen zum Verwalten von Rändern und Abständen über verschiedene Bildschirmgrößen hinweg, bekannt als mb ( Rand unten) Klassen. Diese Klassen bieten Flexibilität beim Festlegen von Elementabständen für unterschiedliche Ansichtsfenster, wie unten beschrieben:

Grundlegendes zu class="mb-0"

Die Klasse="mb-0" zielt speziell auf den unteren Rand eines Elements ab und setzt ihn auf 0. Diese Klasse fällt unter die Kategorie der Margin-Utility-Klassen und wird verwendet, um den unteren Rand vollständig zu entfernen.

Bootstrap Margin and Padding Utility Class Format

Bootstrap verwendet eine einheitliche Namenskonvention für seine Margin- und Padding-Dienstprogrammklassen:

{property}{sides}-{size} oder {property }{sides}-{breakpoint}-{size}

Eigenschaft:

• m für Rand
• p für Auffüllung

Seiten:

• t für oben
• b für unten
• l für links
• r für rechts
• x für links und rechts
• y für oben und unten

Haltepunkte:

• xs für
• sm für >=576px
• md für >=768px
• lg für >=992px
• xl für > =1200px

Size:

• 0 setzt einen Rand oder Abstand auf 0
• 1 setzt einen Rand oder Abstand auf . 25rem (4px)
• 2 setzt einen Rand oder Abstand auf .5rem (8px)
• 3 setzt einen Rand oder Abstand auf 1rem (16px)
• 4 legt einen Rand fest oder padding to 1.5rem (24px)
• 5 setzt einen Rand oder padding auf 3rem (48px)
• auto setzt den Rand auf auto

Beispielverwendung

Lorem ipsum

Dieser Code wendet die Klasse="mb-0" auf das Absatzelement an, Entfernen des unteren Rands.

Zusätzliche Ressourcen

Ausführlichere Informationen finden Sie in den folgenden Ressourcen:

• [Bootstrap 4.5 – Abstand ](https://getbootstrap.com/docs/4.5/utilities/spacing/)
• [w3schools: Bootstrap-Margin- und Padding-Klassen](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )