如何在Bootstrap 4中使卡头没有边界半径？

Question

如何使卡头在Bootstrap 4上没有边界半径？我已经实现了这一点，但是卡头的背景颜色与卡头重叠，因此卡头仍然具有边框半径

.card-header {
    height: 50px;
    background-color: #000;
    border-bottom-color: #fff;
    border-top: none;
    border-radius: 0;
}

Answer 1

要删除半径，请指定一个rounded-0类。Bootsrap 4。

<button type="button" class="btn btn-primary rounded-0">...</button>

Answer 2

<div class="card"><div class="card-header">...

您需要声明border-radius: 0; 对于卡类和卡头类