Я новичок в Bootstrap, я стараюсь сделать это отзывчиво: Div, с 3-мя изображениями с центром (изображения имеют отображение: inline-block propertie).
Но когда я начинаю изменять размер, в устройствах sm, третье изображение переходит к новой строке. Я бы хотел, чтобы в этом случае три изображения были отзывчивыми, но что-то не работает. Мой HTML-код:
<div class="row">
<div id="small-img" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 center">
<img src="img/img1.jpg" class="img-responsive inline-block" alt="Responsive image"/>
<img src="img/img2.jpg" class="img-responsive inline-block" alt="Responsive image"/>
<img src="img/img3.jpg" class="img-responsive inline-block" alt="Responsive image"/>
</div>
</div>
CSS
.inline-block{ display: inline-block; }
.center{ text-align: center; }
Любое предложение пожалуйста?