ブートストラップ4グリッドシステムの `col`にパディングはありませんか？

Question

私はブートストラップv.4を初めて使用しています。

私は colの新しいを使用しているfooterを持っており、それはデスクトップ上で素晴らしい動作します。しかし、私がモバイルに切り替えると、彼らは互いに密接に積み重ねられ、縦のマージン/パディングはありません。

これは正常な動作ですか？

また、私はコンテンツが中心に置かれているか、少なくともオフセットがあることを好みます。しかし、オフセットを使用すると、左または右のオフセットの代わりに上のパッドが得られます。

通常の動作ですか？

もしそうなら、トップマージン/パディングをモバイルのみに追加したり、オフセットしたりするのに推奨される「公式」アプローチは何でしょうか？

ありがとうございました！オフセットなし

：オフセット付き

<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>

Answer 1

すでにコメントで述べた

、およびin other questions「彼らは垂直マージン/パディングはありませんお互いに非常に密接に積み重ねられている」には、ブートストラップの列の間に垂直方向の間隔はありません。しかし、ブートストラップ4は、各列にトップと下（y軸）のマージンを追加しますたとえばmy-3のためにあなたはマージンやパディングを調整するために利用することができspacing utility classes ...

があります。

<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> 

デモ：http://www.codeply.com/go/ABUaBgCNbE

spacing utilities詳細は私の他の回答を参照してください。