How to set Bootstrap's hero unit height to 100%?
I am doing a very simple landing page using Bootstrap. The idea is to have a hero unit text element covering the entire page regardless of the window size. The
width: 100%; CSS instruction works great, but
height: 100%; has no effect – the hero unit element is still about 200px high and is attached to the top of the window. How do I set hero unit's height to 100%? Thanks in advance.
You have to set the
body tags, and if the hero div has a parent, it'll need that as well.