I'm having trouble getting the background color of a bootstrap col to extend to the bottom of the page without setting a fixed height. I want it to reach all the way to the bottom of the browser screen.
HTML:
<div class="container">
<div class="row">
<div class="col box1">
Box1
I want the blue background to reach the bottom of the page
</div>
<div class="col">
Box2
</div>
</div>
</div>
CSS:
.box1 {
background-color: aqua;
}
JS Fiddle available at the following link: https://jsfiddle.net/romanbogza/oL3nk8wz/