Почему фильм съезжает на новую строку в режиме разработчика?
Bootstrap 3, урок 31-32, трабл- почему фильм съезжает на новую строку?
При просмотре в режиме разработчика (виртуальные айфоны) фильм "Во все тяжкие" съезжает на следующую строку. Причину найти не могу
Вот кусок кода:
<h2>Новые Сериалы</h2>
<hr>
<div class="row">
<div class="films_block col-lg-3 col-md-3 cold sm-3 col-xs-6">
<img src="assets/img/xfiles.png" alt="xFiles">
<div class="film_label">Секретные Материалы</div>
</div>
<div class="films_block col-lg-3 col-md-3 cold sm-3 col-xs-6">
<img src="assets/img/silicon.png" alt="Silicon Valley">
<div class="film_label">Силиконовая Долина</div>
</div>
<div class="films_block col-lg-3 col-md-3 cold sm-3 col-xs-6">
<img src="assets/img/dead.png" alt="Walking dead">
<div class="film_label">Бродячие Мертвецы</div>
</div>
<div class="films_block col-lg-3 col-md-3 cold sm-3 col-xs-6">
<img src="assets/img/breakingbad.png" alt="Breaking Bad">
<div class="film_label">Во все тяжкие</div>
</div>
</div>
5 ответов
Нужно весь код посмотреть полностью, вместе со стилями. Без кода только гадать можно где ошибка.
Попробуй несколько раз обновить страницу в режиме разработчика через ctrl+f5 и менять размер экрана (выбирать 50%, 100%). Иногда инструменты разработчика глючат и мне такие действия помогают.
И что за класс cold? Что у него в стилях?
<div class="films_block col-lg-3 col-md-3 cold sm-3 col-xs-6">
аааа, вот это по-любому из-за него, просто очепятка
увы, не помогло: ни зменение cold ни col-sm-3, ни обновление инструментов разработчика. кстати, проблема возникает только при выборе айфонов, на айпадах и других мобильных устройствах все норм
изображения раздела "Новые сериалы" больше чем изображения раздела "Фильмы" и нет отступа от края экрана, хотя классы не менял, соответственно стили одинаковые