Bootstrap 4 HTML - уберите закругленные углы с параллакс-жумботрона

Question

У меня великолепный параллакс для домашней страницы, но я хотел бы убрать закругленные углы с изображений.

Вот мой HTML-код для одного раздела:

<div class="jumbotron paral paralsec1">
            <h1 class="display-3">Connect</h1>
            <p class="lead">with musicians in your area.</p>
            <p class="lead"><a class="btn btn-info btn-lg btn-md" href="/public/register_member/" role="button">REGISTER AS MEMBER</a></p>
        </div>

И CSS:

.paral {
min-height: 800px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
}

Кто-нибудь знает, как убрать закругленный угол с минимальными изменениями в моем коде?

Answer 1

Вы можете использовать rounded-0 class для удаления border-radius, проверить документы

В вашем случае это будет выглядеть так:

<div class="jumbotron paral paralsec1 rounded-0">
  <h1 class="display-3">Connect</h1>
  <p class="lead">with musicians in your area.</p>
  <p class="lead"><a class="btn btn-info btn-lg btn-md" href="/public/register_member/" role="button">REGISTER AS MEMBER</a></p>
</div>

Answer 2

Добавить округленный-0 атрибут для удаления радиуса границы.

Answer 3

Ответил на мой вопрос ... Мне пришлось переопределить радиус границы.Вот так:

.paral {
min-height: 800px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
border-radius: 0px;
}