Twitter bootstrap 引导4，不同内容宽度的列之间的间距相等

因此，在我的页脚中，我使用了

，它创建了相同宽度的列，尽管这很好，但每列中的内容都有不同的宽度，因此从视觉上看，每列之间的间距似乎是不同的宽度，如下所示：-

---

有没有办法根据内容的宽度在这些列之间创建相等的间距，使每列之间的间距看起来相同？

要调整间距，请在页脚div标记内添加一个类“.no gutter”。并在css文件中添加样式

.no-gutter [class*='col-'] {
  width: auto;
}

---

要调整间距，请在页脚div标记内添加一个类“.no gutter”。并在css文件中添加样式

.no-gutter [class*='col-'] {
  width: auto;
}

---

可以使用

flexbox

在Bootstrap4中，有一些实用程序可以方便地使用它

---

示例：

可以使用

flexbox

在Bootstrap4中，有一些实用程序可以方便地使用它

---

示例：

最简单的方法是将

col auto

（用于包装列）与

col

（用于分隔列）

...
...
...
...
...
...
...

---

演示：

最简单的方法是将

col auto

（包装列）与

col

（分隔列）组合使用

...
...
...
...
...
...
...

---

演示：

列的宽度和间距工作良好，更改列的背景颜色以查看差异。是的，我可以看到，它们的宽度都相等，我只是认为有一个简单的解决方案，可以根据内容的宽度使列之间的间距看起来相同。请发布代码，演示issueColumn的宽度，间距工作良好，更改列的背景颜色以查看差异。是的，我可以看到，它们的宽度都相等，我只是认为有一个简单的解决方案，可以根据内容的宽度使列之间的间距看起来相同。请发布演示issue@nsilva，是否有效？如果是，请投票表决我的答案。谢谢。@nsilva，有效吗？如果有效，请投我的赞成票。谢谢