Utilizing bootstrap with a basic code setup, I encountered an issue where two images within the jumbotron div/container were not behaving as intended. One was aligned left and the other right, but I needed the right image to appear above the left one upon resizing the browser window. It's been a frustrating challenge.
<div class="jumbotron">
<div class="container">
<div class="left-image">
<img src="left-image.png">
</div>
<div class="right-image">
<img src="right-image.png">
</div>
</div>
</div>
I attempted using simple CSS like this:
.left-image {
float: left;
}
.right-image {
float: right;
z-index: 999;
}