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>

另外，如果您的sm列也將具有8個網格，則無需執行.col-md-8，您可以僅使用.col-sm-8，並且在md屏幕上也將采用該寬度。