В Bootstrap 4 класс border-radiusиспользуется для применения к элементу закругленных углов. Вот несколько методов, которые вы можете использовать для применения класса border-radiusв Bootstrap 4:

1. Встроенное оформление. Вы можете добавить класс border-radiusнепосредственно в элемент HTML, используя атрибут style. Например:

   <div ></div>

2. Использование класса CSS. Вы можете определить собственный класс CSS и применить его к нужным элементам. Например:

   <style>
    .custom-rounded {
      border-radius: 10px;
    }
   </style>
   <div class="custom-rounded"></div>

3. Использование встроенных классов Bootstrap: Bootstrap предоставляет ряд предопределенных классов для различных значений радиуса границы. Вы можете использовать эти классы для применения закругленных углов. Вот несколько примеров:

   • rounded: применяет небольшой радиус границы.
   • rounded-sm: применяет меньший радиус границы.
   • rounded-lg: применяет больший радиус границы.
   • скругленный круг: применяет радиус границы 50 %, создавая круглую форму.
   • round-pill: применяет радиус границы, придающий форму таблетки.

   Пример использования:

   <div class="rounded"></div>
   <div class="rounded-lg"></div>
   <div class="rounded-circle"></div>
   <div class="rounded-pill"></div>

4. Объединение классов: вы можете комбинировать класс border-radiusс другими классами Bootstrap для достижения желаемого эффекта. Например:

   <div class="bg-primary rounded-circle"></div>