Задать вопрос

Белая полоса на мобильных устройствах — как исправить?

Доброе время суток!
Буквально вчера сверстал сайт на Bootstrap - twobytes.7rulnik.ru.
Вылез неприятный баг: на мобильных устройствах справа появляется небольшая белая полоса.
Подскажите новичку?
Скриншот
  • Вопрос задан
  • 7625 просмотров
Подписаться 6 Оценить Комментировать
Решения вопроса 1
@belimovlab
о себе кратко
.row {
/* margin-left: -15px; */
/* margin-right: -15px; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
у меня и в хроме такая есть.
prntscr.com/3j26lg

.row {
margin-left: -15px;
-- margin-right: -15px;
++ /* margin-right: -15px; */
}
Ответ написан
Комментировать
twixoff
@twixoff
Сотрел на ширине 1366 - тоже самое joxi.ru/IwRzU_3JTJApYNpUDpU
Дело в том, что у разделителей вы используете класс row, который имеет отрицательный margin по бокам -15пк. Уберите их, либо и будет вам счастье.
Ответ написан
Комментировать
cyber-jet
@cyber-jet
И зачем все эти костыли? Не проще вложить col-sx-12 в row?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы