Bootstrap row padding
<p>Using Bootstrap 3 I'm aware that if a row does not sit inside its container you get extra space due to the -15px of margin either side, compensating for the container, which has a gutter.</p>

<p>I thought this could solve the problem:</p>

<pre><code>.row{
    margin-left: 0px;
    margin-right:0px;
}

.container .row{
    margin-left:-15px;
    margin-right:-15px;
}
</code></pre>

<p>But for some reason the margin persists so you get a slight horizontal scroll on mobile devices, which ruins the overall appeal.</p>

<p>(If it helps I could give the address of the site I'm working on?)</p>