html - Bootstrap : Clearfix div takes unexpected height

Question

在 header div 之后创建新行时，新行的列会缩小:

为了遇到这个问题，我放置了一个 div.clearfix，这有助于将行的列放在一行中，但现在它不知从何而来创建了一个意外的高度:

Answer 1

添加像这样的#masthead CSS 以使clearfix 工作:

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