title: Where do I put the header tag in this twitter bootstrap situation?
body: <p>I'm not sure if it matters where or how many times I insert the header tag in this code example.  I know it can be in the document more than one time, but is there a preferred or best practices guide for this situation?  Here is the code:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id=cent&gt;
          &lt;div class="container"&gt;
              &lt;div class=row&gt;
                  &lt;header&gt;  &lt;!-- or Header tag here? --&gt;
                  &lt;div class="clearfix hidden-xs col-sm-12 layering"&gt;
                      &lt;img class="foreground trigger" src="img/Kedoshim-Logo.jpg" alt="Kedoshim Burning Logo on Mountain"/&gt;
                  &lt;/div&gt;
                  &lt;div class="clearfix hidden-sm hidden-md hidden-lg col-xs-12 layering"&gt;
                      &lt;img class="foreground trigger" src="img/Kedoshim-Logo-Mobile.jpg" alt="Kedoshim Burning Logo on Mountain"/&gt;
                  &lt;/div&gt;
                  &lt;/header&gt;
              &lt;/div&gt; &lt;!-- close of row div for responsive headers --&gt;
  </code></pre>
  
  <p>Can the header tag go around the whole row div or should it go around each image div or around each image?  Or inside the row div as I have shown?
  Thanks for your help.</p>