Bootstrap跨越空白空间

Question

I have this easy code: 我有这个简单的代码：

<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>

and CSS: 和CSS：

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

and I have extra space after spans, see in picture here: http://postimg.org/image/pt5khfcmv/ 跨度后我有额外的空间，见图： http ： //postimg.org/image/pt5khfcmv/

How remove it? 怎么删除它？

Answer 1

in your custom css overwrite the row-fluid class 在您的自定义css中覆盖行 - 流类

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

or specifically for the wrapper_big: 或者专门用于wrapper_big：

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

Edited 编辑

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

Copied from Element inspect from Google Chrome. 从Google Chrome中的Element检查复制。

.row-fluid has a min-height property of 30px .row-fluid的min-height属性为30px

Remove this property and it's fixed. 删除此属性，它已修复。

Answer 2

add to your css: 添加到您的CSS：

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

Answer 3

Check the height of .grey in both the links and see the difference. 检查两个链接中.grey的height ，看看差异。