Row directly in body
Created by: zeleznypa
If you want to make onepage layout and separate each logical block by full width background color, you will have to use "row" directly in body and inside this row will be container. But there is margin-right: -15px that make horizontal scrollbar (Firefox 25.0).
<body>
<div class="row" id="header" style="background-color: #eee;">
<div class="container">
<h1>Company name</h1>
</div>
</div>
<div class="row" id="contact">
<div class="container">
<h2>Contact form</h2>
</div>
</div>
</body>
Please add following simple fix:
body > .row {
margin-left: 0;
margin-right: 0;
}