Граници

Използвайте помощни програми за граници, за да стилизирате бързо границата и радиуса на границата на елемент. Чудесно за изображения, бутони или всеки друг елемент.

Граница

Използвайте помощни програми за граници, за да добавите или премахнете граници на елемент. Изберете от всички граници или една по една.

Добавка

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

Субтрактивен

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

Цвят на границата

Променете цвета на рамката с помощта на помощни програми, изградени върху цветовете на нашата тема.

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

Граница-радиус

Добавете класове към елемент, за да заоблите лесно ъглите му.

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

Размери

Използвайте .rounded-lgили .rounded-smза по-голям или по-малък радиус на границата.

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