Bootstrap col-sm制作内容消失 [英] Bootstrap col-sm making content disappear

问题描述

当我将col-sm- *添加到我的左侧或右侧列中时，内容完全消失。对于开发者工具，它们看起来像是区域是他们想要的地方，但没有任何内容。

When I add col-sm-* to any of my left or right columns the content completely disappears. With developer tools it looks like the areas are where they are suppose to be, but there isn't any content.

有问题的元素是左列，列div。
这是页面： http://www.silverfishdevelopment.com/clients/maafs

The elements in question are left-column and right-column divs. Here is the page: http://www.silverfishdevelopment.com/clients/maafs

我只是在这上画一个空白。
提前感谢。

I'm just drawing a blank on this. Thanks in advance.

推荐答案

这是你的标记，你错了。

It's your markup, you have it abit wrong.

.row意味着是.container / .container-fluid的孩子。

.row is meant to be a child of .container / .container-fluid.

因此，而不是：

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

make it

<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屏幕上也将采取这个宽度。

Also you don't need to do .col-md-8 if your sm column is also going to also have 8 grids, you can use just .col-sm-8 and on md screens it will also take that width.

这篇关于Bootstrap col-sm制作内容消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！