DiV666 DiV666 - 3 months ago 18
CSS Question

Bootstrap lot of space between h1 and h2

i have a structure made on twitter Bootstrap which you can see here:
http://codepen.io/DiV666/pen/zBxdmw

The problem is that there is lot of space between the rows containing the h1 (TITLE) and h2 (Subtitle). This space depends on the left menu, if you remove or add options, this space becomes larger or smaller.

To fix it I set

overflow: hidden;
in
#page-content
, but I do not know if this is the best way.

Can someone help?

Thank You.

Answer

This is caused by the .row:after. Just set it to initial, otherwise it inherits the table display from its parent:

.container-fluid .row:after{
  display: initial;
}
Comments