Bootstrap 4 引导4水平列表组刷新

Bootstrap 4 引导4水平列表组刷新,bootstrap-4,Bootstrap 4,若将“列表组刷新”类添加到水平列表组,则最后一个子级(li)并没有底部边框。它不应该被认为是Bootstrap4的bug吗?此外,存在一些边界半径,这也是不期望的。 引导示例 水平列表组 第一项 第二项 第三项 第四项 这不是一个引导错误,因为列表组刷新 “列表组刷新”可删除某些边框和圆角,以在父容器中边对边渲染列表组项目 通过将样式应用于列表项的最后一个子项,可以将边框添加到最后一个子项这是删除“列表组刷新”时得到的结果 如果您想一起删除边框(根据您的评论) 第一项 第二项 第三项

若将“列表组刷新”类添加到水平列表组,则最后一个子级(li)并没有底部边框。它不应该被认为是Bootstrap4的bug吗?此外,存在一些边界半径,这也是不期望的。

引导示例
水平列表组
    第一项 第二项 第三项 第四项

这不是一个引导错误,因为列表组刷新

“列表组刷新”可删除某些边框和圆角,以在父容器中边对边渲染列表组项目


通过将样式应用于列表项的最后一个子项,可以将边框添加到最后一个子项

这是删除“列表组刷新”时得到的结果

如果您想一起删除边框(根据您的评论)

    第一项 第二项 第三项 第四项
在这种情况下,你会得到:


为什么要使用“列表组刷新”类来完全删除外部边框。那么这不是正确的方法,一种方法是需要定义自己的css样式来覆盖引导样式。我更新了下面的答案。
<ul class="list-group list-group-horizontal">
    <li class="list-group-item" style="border: none;">First item</li>
    <li class="list-group-item" style="border: none;">Second item</li>
    <li class="list-group-item" style="border: none;">Third item</li>
    <li class="list-group-item" style="border: none;">Fourth item</li>
  </ul>