Bootstrap Span Empty Space

I have this easy code:

Will be logo

Will be menu<

Solution 1:

add to your css:

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

Solution 2:

in your custom css overwrite the row-fluid class

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

or specifically for the 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.

.row-fluid has a min-height property of 30px

Remove this property and it's fixed.

Solution 3:

Check the height of .grey in both the links and see the difference.

Link1

Link2

Share