title: Twitter Bootstrap 3.0 row wider than window
body: <p>I was fiddling around with Twitter Bootstrap and noticed that my <code>.row</code> was wider than the screen length.</p>
  
  <p>Here is the <a href="http://bootply.com/90307">example</a></p>
  
  <p>When bootstrap 3.0 came out I did not experience this. </p>
  
  <p>The extra space on the right sides comes from <code>margin-right: -15px;</code></p>
  
  <p>I have been glaring at this for hours without making any progress on <em>why or how I am <strong>fooling myself</em></strong> and searching has not been helpful. </p>
  
  <p>I'm sure I am missing the obvious. I would like to understand why there is this space beyond the window width (forcing a scroller) and how to avoid it. I thought that a row would match 100%</p>