爲響應式網格忽略空div？

我正在一個靜態的，響應HTML頁面。爲響應式網格忽略空div？

我做了一個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>

來源

2017-02-04 Faique Moqeet

所有的電網系統有一個offset組類。在文檔中搜索你的。它應該像col-offset-2，col-2-offset，col-2-o或col-o-2。

如果您使用引導V4，你正在尋找offset-2類。

參考：Offsetting columns。

來源

2017-02-04 01:13:09

div s的默認顯示爲全寬度的塊。如果你想col-2類具有指定的寬度內嵌顯示，您需要將其申報爲這樣：

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

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

來源

2017-02-04 01:23:57 hafiz

爲響應式網格忽略空div？

回答

相關問題