Почему некоторые браузеры отображают изображения, а другие нет? Rails 4

Question

Моя проблема заключается в том, что изображения на моей странице (iutm.pl) отображаются правильно, например, в Firefox (тогда я предполагаю, что в моем коде нет ничего плохого), но в браузерах WebKit или Blink (таких как Chrome или Opera) они этого не делают.

Возможно, это ошибка Paperclip, которую я использую для хранения изображений (необходимо поддерживать связь между базой данных и изображениями), что приводит к тому, что изображения, явно сохраненные в активах, отображаются правильно. В любом случае, я понятия не имею, почему все работает в Gecko, но не с другими двигателями.

Заранее спасибо.

Answer 1

Bootstrap отменяет ширину и высоту ваших изображений. Простейшим решением является добавление атрибутов ширины и высоты в существующие стили, где вы определяете границу для изображений. Этот код делает трюк.

.event_frame .frame-top .frame-img img { 
    width: 200px; 
    height: 200px; 
    border: solid; 
    border-color: #b2b2b2; 
    border-width: 1px; 
}