我正在尝试为我的元素使用 bootstrap v4 card-group。
我想将卡头添加到卡组中。
但是每张卡片都要加上.card-header类，我想知道有没有什么办法可以让同一行的卡片共享header。
我在这里附上了 codepen。例如，我只想显示一个共享卡头 Topic。
谢谢!
最佳答案
我认为最好的方法是为此创建另一个类(它不会影响默认的 Bootstrap CSS)。
.card-header-custom {
border-radius: .25rem .25rem 0 0;
padding: .75rem 1.25rem;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
border-bottom: none;
}
.card-header-custom + .card-group > .card {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
CODEPEN
关于html - 如何使 bootstrap v4 卡组共享相同的 header ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38186886/