Bootstrap 一行有 4 个边框
Bootstrap 4 border in row
我有这段代码，每一行都有底部边框。
https://jsfiddle.net/brygom/0z582swx/3/
由于某种原因，行的边框底部未完成所有行宽。即使我不使用 overflow-auto 边框也未完成。
问题是您强制在唯一行中使用 13 .col-2。在 Bootstrap 中这是不可能的，因为一行的最大大小为 12，因此如果您想要三个等宽的列，您可以使用 .col-4，如果您想要两个等宽的列可以使用.col-6。 Here 您可以详细了解 bootstrap 网格系统的工作原理。
如果您尝试将 .col-6 替换为 .col-1 事实上，您会看到线条的宽度增加了。问题是你有 13 列，所以我认为使用 Bootstrap 网格系统不是更好的选择。
如果你想创建一个 table 我建议你使用 Bootstrap table，这样你可以根据你喜欢的自定义样式添加任意数量的列. （here 你可以找到文档）。
如果您想更好地自定义 table，您可以使用普通的 <table>。
我有这段代码，每一行都有底部边框。
https://jsfiddle.net/brygom/0z582swx/3/
由于某种原因，行的边框底部未完成所有行宽。即使我不使用 overflow-auto 边框也未完成。
问题是您强制在唯一行中使用 13 .col-2。在 Bootstrap 中这是不可能的，因为一行的最大大小为 12，因此如果您想要三个等宽的列，您可以使用 .col-4，如果您想要两个等宽的列可以使用.col-6。 Here 您可以详细了解 bootstrap 网格系统的工作原理。
如果您尝试将 .col-6 替换为 .col-1 事实上，您会看到线条的宽度增加了。问题是你有 13 列，所以我认为使用 Bootstrap 网格系统不是更好的选择。
如果你想创建一个 table 我建议你使用 Bootstrap table，这样你可以根据你喜欢的自定义样式添加任意数量的列. （here 你可以找到文档）。
如果您想更好地自定义 table，您可以使用普通的 <table>。