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屏幕上也可以使用那个宽度

Bootstrap col-sm制作内容消失

1 个答案: