Granice

Użyj narzędzi do obramowania, aby szybko nadać styl obramowaniu i promieniowi obramowania elementu. Świetnie nadaje się do obrazów, przycisków lub dowolnego innego elementu.

Granica

Użyj narzędzi do obramowania, aby dodać lub usunąć obramowanie elementu. Wybierz spośród wszystkich granic lub po jednym na raz.

Przyłączeniowy

<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></span>

Odejmowanie

<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>

Kolor ramki

Zmień kolor obramowania za pomocą narzędzi opartych na naszych kolorach motywu.

<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>

Promień graniczny

Dodaj klasy do elementu, aby łatwo zaokrąglić jego rogi.

<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">

Rozmiary

Użyj .rounded-lglub .rounded-smdla większego lub mniejszego promienia granicznego.

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