Как исправить сетку из картинок?

Question

[Максим К]

Всем привет. Пытаюсь разобраться, но не получается. В чем может быть причина ? - есть страница, mebel.plumar.ru/index/mebel_dlja_rukovoditelja/0-48 на нем сетка boostrap, первые 2 ряда картинок работают как надо, а вот 3-й и 4-й ряд начинают "плыть". Думал дело в изображениях - пережал. подогнал размер - не помогло. Выстроил ряд из 1-го изображения- но сетка так же 4х12 - все ок. В чем может быть причина? Спасибо.

Answer 1

[Anna_BS]

Картинка Morris_3_n.jpg меньше остальных
Лучше сделать картинки через background-image

Comments

[Максим К]

Если я правильно понял, то просто вместо img src исправить на background-image: url(images/bg.jpg); - правильно?

[Максим К]

Да, именно в картинке которая выше сделал грубо 160px - и все стало. Переделаю.

[Anna_BS]

Максим К, background-image: url(images/bg.jpg); но тогда картинка будет фоном блока, нужно еще будет прописать его размер или сделать блок с верными пропорциями

[Максим К]

Anna_BS, спасибо

Answer 2

[archelon]

дело именно в изображениях — отличия по высоте маленькие, но этого достаточно.
переделайте, чтобы картинки были в точности одного размера.
а лучше возьмите 4-ю версию bootstrap.

Comments

[Максим К]

Шаблон сделал с использованием 3-й ((( Если закину 4-й боюсь, что все поедет.

Answer 3

[Виктор Таран]

у вас разница в размере картинок делайте их 1:1 или учтите эту особенность в самой верстке