in English

Граници

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

Граница

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

Добавка

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

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

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

Example rounded image 75x75 Example top rounded image 75x75 Example right rounded image 75x75 Example bottom rounded image 75x75 Example left rounded image 75x75 Completely round image 75x75 Rounded pill image 150x75 Example non-rounded image (overrides rounding applied elsewhere) 75x75
<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за по-голям или по-малък радиус на границата.

Example small rounded image 75x75 Example large rounded image 75x75
<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">