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

我是第一次使用 Bootstrap v.4。

我有一个footer就是使用新的flex col并且它在桌面上运行得很好。但是当我切换到移动设备时，它们彼此堆叠得如此紧密，没有垂直边距/填充。

这是正常行为吗？

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

Is that正常行为？

如果是这样，建议的“官方”方法是什么，仅在移动设备上添加顶部边距/填充和偏移？

谢谢你！

无偏移：

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
<div class="row" id="kpc-row-10">

  <div class="container">

    <div class="row">

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

    </div>

  </div>
    
</div>

带偏移量：

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
<div class="row" id="kpc-row-10">

  <div class="container">

    <div class="row">

      <div class="col-sm offset-sm-2">
      </div>
      
      <div class="col-sm offset-sm-2">
      </div>
      
      <div class="col-sm offset-sm-2">
      </div>
      
      <div class="col-sm offset-sm-2">
      </div>

    </div>

  </div>
    
</div>

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

正如评论中已经提到的，并且在其他问题中 https://stackoverflow.com/questions/19822127/vertical-space-when-stacking-columns-in-bootstrap-3，Bootstrap 中的列之间没有垂直间距。然而，Bootstrap 4 有间距实用程序类 http://v4-alpha.getbootstrap.com/utilities/spacing/您可以利用调整边距或填充...

例如my-3将添加一个top and bottom（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>

Demo: http://www.codeply.com/go/ABUaBgCNbE http://www.codeply.com/go/ABUaBgCNbE

有关更多信息，请参阅我的其他答案间距实用程序 https://stackoverflow.com/a/42960338/171456.