html - 带边距的 Bootstrap 4 手风琴卡 - 没有底部页脚

Question

我使用了 Bootstrap 的手风琴组件，但是在卡片之间添加了空间，所以它看起来像这样（- 和 + 是我添加的，这里不相关）：

卡片的底部边框不见了。那怎么能加呢？

标签： htmlcssbootstrap-4

Answer 1

缺少底部边框的原因是引导程序内部的以下内容：

当您使用标准手风琴之间没有间隙时，这是有道理的。但在这种情况下，卡片之间存在间隙，因此缺少底部边框。

我没有更改引导程序的代码（无论如何都会在未来的更新中重置），而是在我的情况下覆盖了这个特定的规则：

.accordion > .card {
    border-bottom: 1px solid #dddddd !important!;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

现在它看起来像这样：