title: bootstrap full width column
body: <p>I've had this question for a while, yet I cannot find a reasonable answer. </p>
  
  <p>Bootstrap states the following:
  <em>Content should be placed within columns, and only columns may be immediate children of rows.</em></p>
  
  <p>But when I have a row and need to place a full width div underneath what should I do? Should I put a col-xs-12? For example</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;h1&gt;Title&lt;/h1&gt;
      &lt;div class="col-md-6"&gt;Some content here&lt;/div&gt;
      &lt;div class="col-md-6"&gt;Other content here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The h1 is full width.</p>
  
  <p>According to bootstrap it is not correct to do this, so how should I do it? Should I place the h1 inside a column or not?</p>