Bootstrap and HTML5 tag structure semantics

Question

I am coding a site using bootstrap and html5 boilerplate together and I am trying to structure it in the most semantic valid way possible.

so my page is pretty simple it consists of a header, a section with two columns, and a footer.

I am wondering which of the ways below is the best way to structure things semantically for example the section and footer parts of the page.

<div class="row">
   <section>
      ....
   </section>
<div class="row">
   <footer>
     ....
   </footer>
</div>



<section>
   <div class="row">
     ...
   </div>
</section>
<footer>
   <div class="row">
     ....
   </div>
</footer>


<section class="row">
  ...
</section>
<footer class="row">
  ...
</footer>

Answer 1

The last one:

<section class="row">
  ...
</section>
<footer class="row">
  ...
</footer>

The row class is presentational.