in English
Grenzen
Verwenden Sie Rahmenhilfsprogramme, um den Rahmen und den Rahmenradius eines Elements schnell zu gestalten. Ideal für Bilder, Schaltflächen oder andere Elemente.
Grenze
Verwenden Sie Rahmendienstprogramme, um die Rahmen eines Elements hinzuzufügen oder zu entfernen. Wählen Sie aus allen Rändern oder einzeln.
Zusatzstoff
<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></span>
Subtraktiv
<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
<span class="border-bottom-0"></span>
<span class="border-left-0"></span>
Randfarbe
Ändern Sie die Rahmenfarbe mit Dienstprogrammen, die auf unseren Designfarben basieren.
<span class="border border-primary"></span>
<span class="border border-secondary"></span>
<span class="border border-success"></span>
<span class="border border-danger"></span>
<span class="border border-warning"></span>
<span class="border border-info"></span>
<span class="border border-light"></span>
<span class="border border-dark"></span>
<span class="border border-white"></span>
Grenzradius
Fügen Sie einem Element Klassen hinzu, um seine Ecken einfach abzurunden.
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded-top" alt="...">
<img src="..." class="rounded-right" alt="...">
<img src="..." class="rounded-bottom" alt="...">
<img src="..." class="rounded-left" alt="...">
<img src="..." class="rounded-circle" alt="...">
<img src="..." class="rounded-pill" alt="...">
<img src="..." class="rounded-0" alt="...">
Größen
Verwenden Sie .rounded-lg
oder .rounded-sm
für größeren oder kleineren Randradius.
<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">