I have a DIV inside a regular Bootstrap Jumbotron...
<div class="jumbotron vertical-align">
<div class="container">
Content here
</div>
</div>
which I am aligning to the bottom using this...
.vertical-align
{
display:0;
display:flex;
-webkit-align-items:flex-end;
align-items:flex-end;
}
This works great everywhere but fails in IE9 where the DIV is aligned to the top. I understand Flex does not work in IE9 but need another quick solution.
Any way I can do this a different way to get it working cross browser?