White bar on mobile devices - how to fix it?

Question

css

Good time of the day!
Just yesterday I made a website on Bootstrap - twobytes.7rulnik.ru .
An unpleasant bug got out: on mobile devices, a small white bar appears on the right.
Tell a newbie?
Screenshot

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

I have it in chrome too.
prntscr.com/3j26lg
.row {
margin-left: -15px;
-- margin-right: -15px;
++ /* margin-right: -15px; */
}

Answer 3

I erased it at a width of 1366 - the same thing joxi.ru/IwRzU_3JTJApYNpUDpU
The fact is that you use the row class for the separators, which has a negative margin on the sides -15px. Remove them, or you will be happy.

Answer 4

And why all these crutches? Isn't it easier to nest col-sx-12 in row?