Как работает CSS-свойство border-radius в Bootstrap?

CSS-свойство border-radius в Bootstrap позволяет устанавливать радиус границы для всех четырёх углов или отдельных углов элемента. 2

Для скругления всех углов элемента используется класс rounded. 2 Также можно указать разные уровни скругления с помощью дополнительных классов, например rounded-lg (больший радиус) или rounded-sm (меньший радиус). 2

Для скругления отдельных углов элемента используются следующие классы: 2

• rounded-top для верхних углов; 2
• rounded-end для углов справа (или слева в RTL-макете); 2
• rounded-bottom для нижних углов; 2
• rounded-start для углов слева (или справа в RTL-макете). 2

Эти классы можно комбинировать, чтобы применить скруглённые углы к нескольким углам элемента. 2

Кроме того, в Bootstrap 4 есть класс rounded-0, который позволяет выполнить обратное действие — убрать скругление углов. 1