title: Bootstrap Jumbotron not becoming full width of Body
body: <p>Hi I am trying to fix my Jumbotron to be full width of the screen but somehow it need a <code>15px padding-left, padding-right</code>. If I remove the padding the horizontal scrollbar appears with a <code>30px right margin</code>. I am using the default Bootstrap ver 3.0.3 and default VS2013 layout. As per this <a href="http://getbootstrap.com/components/#jumbotron" rel="noreferrer">link</a> I removed the Jumbotron outside all <code>.container</code> my page looks sth like this</p>
  <pre><code>&lt;body&gt;
  &lt;div class=&quot;navbar navbar-inverse navbar-fixed-top&quot;&gt;.... Navigation stuff&lt;/div&gt;
  &lt;div class=&quot;jumbotron specialjum&quot;&gt;
  &lt;div class=&quot;over container body-content&quot;&gt;
  ....page headers and other stuff
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;p class=&quot;just container body-content&quot;&gt;
  ... body text
  &lt;/p&gt;
  &lt;/body&gt;
  </code></pre>
  <p>/////////////////////////////////////////////////</p>
  <pre><code>body {
  padding-top: 50px;
  padding-bottom: 20px;
  /*background:url(&quot;../Images/ps_neutral.png&quot;) repeat;*/
  }
                      
  /* Set padding to keep content from hitting the edges */
  .body-content {
  padding-left: 15px;
  padding-right: 15px;
  }
  .just {
  text-align: justify;
  }
  .specialjum {
  background: url('http://fc00.deviantart.net/fs70/i/2013/339/7/1/princess_kenny_korosu_by_theshadowstone-d6wu2zo.png') center;
  color:#fff;
  background-size: cover; 
  }
  </code></pre>
  <p><strong>Edit:</strong>
  Firefox + Chrome + IE10 results  ===|================|===</p>
  <p>Any Ideas on how to fix the layout? I haven't touch the Bootstrap CSS which I updated using Nuget.</p>