title: Twitter Bootstrap 3 Removing RIGHT margin and padding on a row and col-12
body: <p>I'm using Twitter Bootstrap 3.0 LESS source in my Asp.Net MVC 5 project. I use a Top Navbar (<a href="http://getbootstrap.com/components/#navbar" rel="noreferrer">as given here</a>) and then few more rows in the the layout page.</p>
  
  <p>I use following for rows to take 100% page width:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          // More HTML code
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But this adds an extra padding on the right of each row. This also adds a horizontal scrollbar to the page and a blank vertical gutter throughout the page is visible when scrolled the page to its right. </p>
  
  <p>Removing margin-right on each row and padding-right on all col-md-12 corrects the layout. However, I don't feel this is the correct way to do it.</p>
  
  <p>Any idea how to remove those unnecessary margin and padding on right once for all, throughout the resultant bootstrap.css?</p>