Bootstrap 4 HTML-从视差超大屏幕移除圆角

时间:2018-10-04 21:42:59

标签: css bootstrap-4

我在首页上有一个很好看的视差,但是我想从图像中删除圆角。

这是我的一段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%;
}

有人知道如何在对我的代码进行最少更改的情况下删除圆角吗?

3 个答案:

答案 0 :(得分:2)

您可以使用rounded-0 class删除border-radiuscheck the docs

在您的情况下,就像这样:

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

答案 1 :(得分:0)

回答了我自己的问题...我不得不覆盖边界半径。像这样:

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

答案 2 :(得分:0)

添加rounded-0属性以删除边界半径。