Bootstrap 4边框在行

Question

我有这段代码，每一行都有边框底部。

https://jsfiddle.net/brygom/0z582swx/3/ 由于某种原因，行的边框底部未完成所有行宽。即使我不使用overflow-auto 边界也没有完成。

Answer 1

问题是您强制在唯一行内使用 13 .col-2 。在 Bootstrap 中这是不可能的，因为一行的最大大小为 12，所以如果你想要三个等宽的列，你可以使用 .col-4，如果你想要两个等宽的列，你可以使用 .col -6。 Here您可以详细了解引导网格系统的工作原理。

如果您尝试将 .col-6 替换为 .col-1 事实上，您可以看到线的宽度增加了。问题是你有 13 列，所以我认为使用 Bootstrap 网格系统并不是更好的选择。

如果您想创建表格，我建议您使用 Bootstrap 表格，这样您就可以根据自己喜欢的自定义样式添加任意数量的列。 （here你可以找到文档）。

如果您想更好地自定义表格，您可以使用普通的<table>。