My header div that wraps a bootstrap container and row is not automatically sizing its height properly. You’ll see in the JSFiddle that the background gray only covers half of the header where it should be automatically covering all of it based on its content.
How do I get the header div to automatically adjust it’s height based on the content?
I’m partially using Bootstrap’s LESS files and incorporating them into my existing styles. The reason is that I don’t need all 4,000 lines of bootstrap code for my app, so I’m being very selective as I already having existing style sheets.
Am I missing a css style tag or forgot to include some Bootstrap styles somewhere?
JSFiddle: https://jsfiddle.net/971u1ejg/
