As a beginner in coding, I've been facing a challenge trying to center my images on a bootstrap row. I attempted using the center-block div on each image, which did center them horizontally but stacked them vertically. I then tried applying center-block to the row itself, but that didn't yield the desired result. Additionally, I experimented with adding divs before and after the row to see if that would help, but unfortunately, it did not. I even tried using text-align: center; on different divs, but it didn't work out.
<div class="row">
<img class="col-xs-3 col-md-1 img-responsive" src="img1.png">
<img class="col-xs-3 col-md-1 img-responsive" src="img2.png">
<img class="col-xs-3 col-md-1 img-responsive" src="img3.png">
</div>
.center-block {
float: none;
}