Как изменить радиус границы тела в Bootstrap

Question

Я хочу изменить радиус границы первого контейнера div с классом.container-liquid, как я могу это сделать, используя радиус границы тела начальной загрузки в Bootstrap

Answer 1

Оберните ваш контент в <div> и применить border-radius для оболочки

UPD: добавить следующее к вашему CSS-коду

body > .container-fluid:first-child {
    border-radius: 20px; //for example
}

Answer 2

Добавьте этот класс в свой собственный CSS:

      .rounded-xl {
  border-radius: 1.5rem;
}

и используйте его на своем<row>элементы вместо обычного бутстрапаborderсорт.

Пример

      <div class="row rounded-xl">
<div>