Hi,
I’m having trouble getting my images to be responsive. I applied the class “image-responsive” but they look identical to their pre-classed state. Here’s my code:
HTML:
<div class="container"> <div class="row"> <div class="col-md-4"><img src="#" class="image-responsive"> </div> </div> </div>
CSS:
.row {
margin-top: 30px;
}
@media (max-width: 500px) {
.row {
margin-top: 0;
}
.img-responsive {
margin-bottom: 20px;
}