时间戳

首页 > 解决方案 > Bootstrap 4 HTML - 从视差 jumbotron 中删除圆角

css - Bootstrap 4 HTML - 从视差 jumbotron 中删除圆角

问题描述

我有一个很棒的主页视差，但我想从图像中删除圆角。

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

有谁知道如何通过对我的代码进行最少的更改来删除圆角？

标签： cssbootstrap-4

解决方案

您可以使用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>

推荐阅读