title: Should I user 'row' class as parent/child or on the 'header/main' elements?
body: <p>I'm using bootstrap and trying to structure my bootstrap classes correctly but I'm confused as to what to do when it comes to 'header' and 'main' html5 elements, as well as other native html elements.  Where should I use rows in relation to these elements?  Should I just put the row class on them?  Nested inside them?  Or should these elements each have a row tag as a parent?  Or is there just no right or wrong way to do this?  I feel like bootstrap is sort of set up like: </p>
  
  <pre><code>container(s)
    row(s)
      col(s)
        row(s)
           col(s)
              ...etc
  </code></pre>
  
  <p>But the built-in html elements seem to sort of cut into that like two different paradigms butting heads and I don't know what's expected of me as a developer and how to handle that.  When I look online I see everybody doing everything sort of randomly and haven't been able to find any specific guidelines for how to correctly structure the bootstrap class paradigm within the semantic html5 naming paradigm.</p>
  
  <p>I tried looking into the documentation and surprisingly didn't find anything and I have found nobody discussing this issue online.  Is there any logical rule to follow in this regard or is it just random?</p>