为响应式网格忽略空div？

Question

我正在一个静态的，响应HTML页面。

我做了一个div类“行”，然后把另一分度类的COL-2'是空的，然后带班“COL-2”已在一些文本内部的div。该文本应该显示在距离浏览器最左边点16.6％处。然而，事实并非如此，除非我把东西带班“COL-2”的第一个div里面 - 相反，它是把该文本在页面的最左边的点，如果我没有带班一个div“山坳-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 s的默认显示为全宽度的块。如果你想col-2类具有指定的宽度内嵌显示，您需要将其申报为这样：

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

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