Bootstrap：Clearfix div占用意外高度

Question

在标头广告div之后创建新行时，新行的列会缩小：

为了遇到这个问题，我放了一个div.clearfix，这有助于将行的列放在一行中，但现在它创造了一个意想不到的高度：

Answer 1

像这样添加#masthead CSS以使clearfix能够完成他的工作：

.home #masthead {
    height: 100vh;
    float: left;
    width: 100%;
}

Answer 2

你可以写下以下代码进行明确修复

.clearfix{
  line-height:0px;
  font-size:0px;
  height:0px;
}