Резиновые картинки, как правильно сделать?

Question

[cytotv]

Привет народ, если не затруднит, помогите пожалуйста.
У меня есть такая задача: нужно чтобы 7 картинок в блоке при уменьшении размера экрана уменьшались, но они просто сползают вниз. Вот мой код:

<div class="row" style="height: 140px; text-align:center;" >
    <img src="..." class="img-rounded" height="100%"/>
    <img src="..." class="img-rounded" height="100%" />
    <img src="..." class="img-rounded" height="100%" />
    <img src="..." class="img-rounded" height="100%" />
    <img src="..." class="img-rounded" height="100%" />
    <img src="..." class="img-rounded" height="100%" />
    <img src="..." class="img-rounded" height="100%" />
</div>

Answer 1

[Иван]

так тебе карусель нужна?Или резиновые картинки,я не понял)

Comments

[cytotv]

Извини, неправильно объяснил, резиновые картинки :D

[Иван]

cytotv: img-responsive это такой класс есть в BT ,то советую изучать резину и адаптив без бутстрапа

[cytotv]

Иван: Спасибо) Почитаю)

Answer 2

[takcyr]

Рабочий код, картинки не сползают. Проблемы не вижу никакой. Количество 7 (семь) оптимальное. Прилагаю ссылку на фото с которыми работал.
file:///C:\Users\chi\Desktop\Sun 10.jpg