html - Bootstrap span empty space

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:

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

How remove it?

score 1 · Accepted Answer

1

添加到您的CSS：

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

于 2013-08-26T15:44:09.363 回答

score 1 · Accepted Answer

在您的自定义 css 中覆盖 row-fluid 类

.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 检查。

.row-fluid 有一个min-height 属性30px

删除此属性并修复它。

score 0 · Accepted Answer

0

检查两个链接中的heightof.grey并查看差异。

于 2013-08-26T15:17:10.133 回答

3 回答 3