html - 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 屏幕上它也将采用该宽度.