zdjęcia bootstrap równe wysokości

Question

Cześć 

Ma ktoś pomysł jak zrobić aby zdjęcia na stronie były równej wysokości nie tracąc przy tym na jakości zdjęcia ? 
screen

<div class="container">
    <div class="row">
        <div class="col">
            <img src="~/img/img1.jpg" class="img-fluid" />
        </div>
        <div class="col">
            <img src="~/img/img2.jpg" class="img-fluid" />
        </div>
        <div class="col">
            <img src="~/img/img3.jpg" class="img-fluid"/>
        </div>
    </div>
</div>

 

Answer 1

Może np, ustawić zdjęciom

img {
    width: 200px; /* You can set the dimensions to whatever you want */
    height: 200px;
    object-fit: cover;
}

na sztywno jakąś wysokość, względnie w % i ustawić, aby obrazek wypełnił konent? 
Przeglądnij też względnie ten film tutaj 
https://www.youtube.com/watch?v=u8KKfDtHQXA&ab_channel=NightShooterWebDevelopment

może znajdziesz coś dla siebie w tym zakresie 

W dokumentacji boostrapa masz też informacje : https://getbootstrap.com/docs/4.0/content/images/