レスポンスグリッドで空のdivは無視されますか？

Question

私は静的で反応性の高いHTMLページを作成しています。

divというクラスを 'row'で作成し、別のdivをクラス 'col-2'に設定し、空のdivとクラス 'col-2'を追加します。このテキストは、ブラウザの左端から16.6％離れた位置に表示する必要があります。しかし、クラス 'col-2'を使って最初のdivの中に何かを置かない限り、そうではありません。代わりに、ページの左端にテキストを置いています。私はクラス 'col -2 'となる。

divが空のため表示されませんが、グリッドビューを正確に使用するにはどうすればよいですか？

コード：

<div class="section header">  
    <div class="row"> 
     <div class="col-2"></div> 
     <div class="col-2"> 
      Title 
     </div> 
    </div> 
</div> 

Answer 1

すべてのグリッドシステムは、クラスのoffset基を有しています。ドキュメントで自分のものを検索します。それはcol-offset-2、col-2-offset、col-2-oまたはcol-o-2のようなものでなければなりません。

ブートストラップv4を使用している場合は、offset-2クラスを探しています。

参考：Offsetting columns。

Answer 2

divは、デフォルトで全角ブロックとして表示されます。あなたはcol-2クラスが指定された幅とインラインで表示したい場合は、そのように宣言する必要があります：

.col-2 { 
    display: inline-block; 
    width: 16.66666% 
} 

例：http://jsfiddle.net/dno5dzgL/5/