Rendered markup different than template markup I am using drupal 7, and the bootstrap base theme to make a simple theme for a website I am working on. I am having issues with Drupal forcefully changing my html5 hierarchy and it's causing the site to break. 

Is there anyone that would know what would cause the issue? 

I have attached the code snippet in particular that is causing issues, as well as a screenshot from Chrome's inspector showing the misplacement. I have confirmed it's doing it on at least 4 browsers, so I do believe it's a drupal issue. 

&lt;section&gt;
  &lt;a id="main-content"&gt;&lt;/a&gt;
  &lt;div class="container"&gt;
    &lt;section class="&lt;?php print $column_width; ?&gt;"&gt;
      &lt;?php if (!empty($tabs)): ?&gt;
        &lt;?php print render($tabs); ?&gt;
      &lt;?php endif; ?&gt;
      &lt;?php if (!empty($page['help'])): ?&gt;
        &lt;?php print render($page['help']); ?&gt;
      &lt;?php endif; ?&gt;
      &lt;?php if (!empty($action_links)): ?&gt;
        &lt;ul class="action-links"&gt;&lt;?php print render($action_links); ?&gt;&lt;/ul&gt;
      &lt;?php endif; ?&gt;
      &lt;?php print render($page['content']); ?&gt;
    &lt;/section&gt;

    &lt;aside class="col-sm-4 col-lg-4" role="complementary"&gt;
      &lt;?php print render($page['sidebar_second']); ?&gt;
    &lt;/aside&gt;  &lt;!-- /#sidebar-second --&gt;
  &lt;/div&gt;
&lt;/section&gt;




As you can see from the image, the &lt;aside&gt; is being placed outside of the root &lt;section&gt; instead of inside of it (and underneath the other &lt;section&gt;), like the template is telling it to do.

EDIT: The 5 console errors are from image files not being found because I haven't uploaded them yet.
The comments in this question were helpful, but I can't credit both people so I will post the answer. 

My default views-view-unformatted.tpl.php had an extra closing tag inside of it somehow. Not sure how since it's a default views display. Removing the tag fixed the issue.