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

Question

[7rulnik]

Доброе время суток!
Буквально вчера сверстал сайт на Bootstrap - twobytes.7rulnik.ru.
Вылез неприятный баг: на мобильных устройствах справа появляется небольшая белая полоса.
Подскажите новичку?
Скриншот

Answer 1

[Святослав Белимов]

.row {
/* margin-left: -15px; */
/* margin-right: -15px; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}

Answer 2

[Вадим Яковлев]

у меня и в хроме такая есть.
prntscr.com/3j26lg

.row {
margin-left: -15px;
-- margin-right: -15px;
++ /* margin-right: -15px; */
}

Answer 3

[twixoff]

Сотрел на ширине 1366 - тоже самое joxi.ru/IwRzU_3JTJApYNpUDpU
Дело в том, что у разделителей вы используете класс row, который имеет отрицательный margin по бокам -15пк. Уберите их, либо и будет вам счастье.

Answer 4

[Евгений]

И зачем все эти костыли? Не проще вложить col-sx-12 в row?

Comments

[7rulnik]

Эм... Все вроде и так вложено, разве нет?