title: Full Width Content in Bootstrap
body: <p>I am using the roots theme, I am new to bootstrap and this forum. </p>
  
  <p>so far my header and nav are full width, with a stripe of colour across the page. </p>
  
  <p>on the home page only, i want an image that spans the page, 
  and then maybe different sections of colour. </p>
  
  <p>I created a custom home page template, but when I put any content into it, it is constrained to the width of the page content. </p>
  
  <p>my question is, is this being caused by the base.php, and if so, what can i do about it? if not how do i create full width sections? </p>
  
  <p>Thanks in anticipation. </p>
  
  <p>** in fact looking at the base php file, i see the whole site is wrapped in this </p>
  
  <pre><code>&lt;div class="wrap container" role="document"&gt;
  &lt;div class="content row"&gt;
    &lt;div class="main &lt;?php echo roots_main_class(); ?&gt;" role="main"&gt;
  </code></pre>
  
  <p>then the content, </p>
  
  <p>the custom page has only this code in it (so far) </p>
  
  <pre><code>&lt;div class="purple"&gt;&lt;img class="img-responsive" src="&lt;?php echo get_theme_root_uri(); ?&gt;/choir/assets/img/headimage.jpg"/&gt;
  </code></pre>
  
  <p></p>
  
  <p>and yet when I inspect the source, its inside another div with class of col-sm-12 
  (can't show an image) 
  where  is this code coming from? </p>
  
  <p>thanks</p>