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="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-pill">
<img src="..." alt="..." class="rounded-0">

Größen

Verwenden Sie .rounded-lgoder .rounded-smfür größeren oder kleineren Randradius.

<img src="..." alt="..." class="rounded-sm">
<img src="..." alt="..." class="rounded-lg">