Faisal Ashfaq Faisal Ashfaq - 1 year ago 172
CSS Question

Bootstrap: Clearfix div takes unexpected height

When creating a new row after the masthead div the new row's columns would shrink: enter image description here

To encounter this issue I put a div.clearfix, that helped to get the row's columns in one line but now it creates an unexpected height out of nowhere:
enter image description here

Answer Source

Add #masthead CSS like this to make clearfix working his job:

.home #masthead {
    height: 100vh;
    float: left;
    width: 100%;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download