Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

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;
}