Css Bootstrap 4网格系统中的'col'上没有填充是否正常？

我用的是Bootstrap v。这是第一次

我有一个

footer

，它使用了新的

flex

col

，在桌面上工作得很好。但当我切换到移动设备时，它们彼此堆叠得非常紧密，没有垂直边距/填充

这是正常的行为吗

此外，我更喜欢内容居中或至少有一些偏移。但是使用偏移会导致顶部填充，而不是左偏移或右偏移

这是正常的行为吗

如果是这样，建议采用什么“官方”方法来仅在手机和offset上添加顶部边距/填充

谢谢大家!

无偏移：

“它们堆叠得如此紧密，没有垂直边距/填充”

正如注释和中已经提到的，引导中的列之间没有垂直间距。但是，Bootstrap 4有一个功能，您可以利用它来调整边距或填充

例如，

my-3

将向每列添加顶部和底部（y轴）边距

<div class="container">
    <div class="row">
        <div class="col-sm my-3">

        </div>
        <div class="col-sm my-3">

        </div>
        <div class="col-sm my-3">

        </div>
        <div class="col-sm my-3">

        </div>
    </div>
</div>

演示：

---

有关更多信息，请参阅我的其他答案。

是，正常。只需添加所需的垂直填充/边距？bootstrap-3中的列或行中也没有垂直边距/填充。您可以通过多种方式将内容集中。您需要发布您的代码，并描述您尝试过的内容以及哪些内容对我们不起作用。好的，谢谢@MichaelCoker。我想这可能是我问题的答案，但我会在稍后发布代码。好的，我已经用一个要点链接更新了它。没什么特别的。当你可以的时候，一定要在文章中包含你的代码，这里不需要要点，它只是HTML。看看我是如何编辑你的文章的，以后请你自己尝试。如果你的github或gist或任何一年内的变化，有人在谷歌上搜索这篇文章并登陆这里，如果你不将其包含在文章中，他们将无法引用你的代码。