title: Background colour change Bootstrap
body: <p>totally rookie question I know, 
  but I am trying to change the background colour in bootstrap</p>
  
  <p>i change using </p>
  
  <pre><code>body{background:#fff;}
  </code></pre>
  
  <p>which works, i can see the change at the bottom of the page, 
  but the whole page and it's entire width is still white</p>
  
  <p>within my page all I then have is </p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="row"&gt;
  </code></pre>
  
  <p>i have changed the body of container and row respectively but its not those. also tried changing the colour of .wrap as inpection shows its contained in that too, but nothing changes the full background and Im a little stumped as to what is blocking it. - Ive not written any actual code yet, its just the standard install and a roots theme. </p>
  
  <p>anyone know what is going on here? i know it will be something stupid.  </p>
  
  <p>Code is here</p>
  
  <pre><code>&lt;div class="wrap" role="document"&gt;
  &lt;div class="content row"&gt;
      &lt;div class="main col-sm-12" role="main"&gt;
          &lt;div class="page-header"&gt;...&lt;/div&gt;
          &lt;section class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-4"&gt;...&lt;/div&gt;
                  &lt;div class="col-sm-4"&gt;...&lt;/div&gt;
                  &lt;div class="col-sm-4"&gt;...&lt;/div&gt;
              &lt;/div&gt;&lt;!-- end row --&gt;
          &lt;/section&gt;      
      &lt;/div&gt;&lt;!-- /.main --&gt;
  &lt;/div&gt;&lt;!-- /.content --&gt;
  </code></pre>
  
  <p></p>
  
  <p>none of these have any background colours applied to them. </p>