Twitter bootstrap 当第一个类型和最后一个类型是同一子类型时，动态引导手风琴显示问题

在动态创建手风琴子对象时，大多数情况下都有多个子对象，因此“第一个类型”和“最后一个类型”都非常有效。有一个例子，手风琴只有一个孩子。在这种情况下，1个子元素既是类型的第一个，也是类型的最后一个，导致显示奇怪的CSS（没有半径和底部边框）：

---

如何解决此问题？

解决此问题的最佳方法是添加涵盖一个子场景的CSS，然后撤消以前的CSS：

.accordion > .card:first-of-type:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

确保此代码放在bootstrap.css之后

.accordion > .card:first-of-type:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}