Почему в Bootstrap после добавления класса «img-responsive» к картинкам, они выстраиваются в столбик?

Question

[Александр К]

Столкнулся с проблемой при добалении картинок на сайте сделанном на bootstrap. Мне необходимо разместить картинки в ряд. По логике картинка это строчный элемент и по умолчанию должен выстраиваться в ряд, но после того как я картинкам прописываю класс "img-responsive", они почему-то выстраиваются в столбик. Решение float:right - не подходит. Мб кто-нибудь тоже сталкивался с такой проблемой, расскажите решение пожалуйста.

Answer 1

[Viktor Vsk]

Все вы правильно говорите про строчные элементы. Просто посмотрите, что же такое img-responsive
https://github.com/twbs/bootstrap/blob/master/dist...

Comments

[Александр К]

для чего тогда там стоит display:block? какую суть несет?

[Viktor Vsk]

Я не особо шарю в тонкостях верстки, но респонсив - значит, что занимает 100% ширины родительского блока и не более, плюс пропорционально тянется по высоте. Строчный элемент так не умеет

Answer 2

[Сергей Игнатьев]

Мне вот эта статья помогла