Make Image Fill Column Height with Bootstrap 3

Image for post
Image for post
<div class="container">
<div class="row custom-class">
<div class="col-md-6">
<img src="image/path.jpg" alt="">
</div>
<div class="col-md-6">
Some Content...
</div>
</div>
</div>
.custom-class {
display: flex;
}
.img__container {
position: relative;
overflow: hidden;
}
.img__container img {
position: absolute;
min-height: 100%;
min-width: 100%;
width: 0;
}

Written by

Front-end Web Developer. Language lover. Traveler. Dude.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store