Bootstrap col-sm使內容消失

Question

當我將col-sm- *添加到任何左側或右側列時，內容完全消失。有了開發人員工具，看起來這些區域就是他們想要的地方，但沒有任何內容。

有問題的元素是左列和右列div。 這是頁面：http://www.silverfishdevelopment.com/clients/maafs

我只是對此留有空白。 在此先感謝。

Answer 1

這是你的標記，你有它升技錯誤。

.row旨在成爲.container/.container-fluid的孩子。

所以不是：

<div id="bottomSection" class="container-fluid row"> 
... 
</div> 

使其

<div id="bottomSection" class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-8"> 
     ... 
     </div> 
     <div class="col-sm-4"> 
     ... 
     </div> 
    </div> 
</div> 

而且你不需要做.COL-MD-8，如果你的SM列也將也有8個格，你可以使用.col-sm-8，在MD屏幕上它也會佔用這個寬度。