Bootstrap跨越空白空间

Question

我有这么简单的代码：

<div class="wrapper_big">
<div class="row-fluid grey">
<div class="span4">Will be logo</div>
<div class="span8">Will be menu</div>
</div>
</div>

和CSS：

.grey{background-color: #eeeeee;}
.wrapper_big {width: 1100px; margin: 0 auto;}

我在跨度后有额外的空间，如下图所示： http://postimg.org/image/pt5khfcmv/

如何删除它？

更新：Fiddle with extra space。

Answer 1

自定义css中的

会覆盖行 - 流类

.row-fluid{ height:?px;  or  padding-bottom:0px }

或专门针对wrapper_big：

.wrapper_big .row-fluid {height:?px;  or  padding-bottom:0px}

<强>被修改

@media (min-width: 1200px){ min-height:30px; }

从Google Chrome中的Element inspect复制。

.row-fluid的{​​{1}}属性为min-height

删除此属性并将其修复。

Answer 2

添加到您的CSS：

.span12 {
    min-height: inherit !important;
}

Answer 3

检查两个链接中height的{​​{1}}，看看差异。

Link1

Link2