html - CSS Row没有高度？

所以我很难找出为什么我的css行在宽度为992px及以下的设备上具有高度，而在较大的设备上却没有高度。

这是我的CSS：

.container
    width: 100%
    max-width: 1200px
    margin: 0 auto

.row
    margin: 10px 0 10px 0

HTML：

<div class="row">
                    <div class="col-md-33">
                        <h3>Modular</h3>
                        <img src="assets/img/grid.png" alt="grid " />
                        <p>Take whatever parts you need and make your
                            own tailored version of Architect...</p>
                    </div>

                    <div class="col-md-33">
                        <h3>Responsive</h3>
                        <img src="assets/img/grid.png" alt="grid " />
                        <p>Take whatever parts you need and make your
                            own tailored version of Architect...</p>
                    </div>

                    <div class="col-md-33">
                        <h3>Easy to use</h3>
                        <img src="assets/img/grid.png" alt="grid " />
                        <p>Take whatever parts you need and make your
                        own tailored version of Architect...</p>
                    </div>
                </div>

一个实时示例位于：http://www.architect-framework.com/

我看到其他框架都没有这个问题，怎么办？

谢谢

最佳答案

固定！

我只是用clearfix

CSS：

.row:after
    content: "."
    display: block
    clear: both
    visibility: hidden
    line-height: 0
    height: 0