Bootstrap 100% height with navbar

Question

This is basically what I want to achieve:

I want the total page to be 100% height, but when

Answer 1

Probably because it is adding the default margin from the navbar. Try this:

.navbar {
    height: 40px;
    position: relative;
    margin: 0;
    padding: 0;
}

Also, try changing the min to max height:

max-height: 100% !important;