Source

Граници

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

Граница

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

Добавка

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

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

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

75x75 75x75 75x75 75x75 75x75 75x75 75x75
<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-0">