title: BlazeLayout+FlowRouter+Bootstrap not rendering where told to
body: <p>I've tried half a dozen different ways to do this but i'm not sure what the issue is. </p>
  
  <p>To start, here is a quick drawing of what im trying to accomplish:</p>
  
  <p>What I want:
  <a href="http://prntscr.com/br8xh6" rel="nofollow">http://prntscr.com/br8xh6</a></p>
  
  <p>whats happening:
  <a href="http://prntscr.com/br8z8p" rel="nofollow">http://prntscr.com/br8z8p</a></p>
  
  <p>What seems to be happening is that my <code>.row .full-row</code> is being rendered twice, and the dynamic template is not being loaded into my <code>&lt;div class="col-md-10&gt;</code> as defined. Why would this be?</p>
  
  <p>Heres my current code:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="container full-container"&gt;
          {{&gt; navbar}}
          {{&gt; middle}}
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;template name="navbar"&gt;
      ...
  &lt;/template&gt;
  
  &lt;template name="middle"&gt;
          &lt;div class="row full-row"&gt;
              &lt;div class="col-md-2 left-bar" style="background:#800000;"&gt;
                  {{&gt; Template.dynamic template=sidebar}}
              &lt;/div&gt;
              &lt;div class="col-md-10"&gt;
                  {{&gt; Template.dynamic template=content}}
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;!-- &lt;/div&gt; --&gt;
  &lt;/template&gt;
  
  &lt;template name="leftbar"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-12"&gt;
                  {{&gt; avatar size="large" shape="circle"}}
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;template name="usercard"&gt;
      &lt;div class="col-md-4"&gt;
          &lt;div class="thumbnail thumb-dark"&gt;
          &lt;img src="default.png" alt="..."&gt;
              &lt;div class="caption"&gt;
                  &lt;h3&gt;Player name&lt;/h3&gt;
                  &lt;p&gt;...&lt;/p&gt;
                  &lt;a href="#" class="btn btn-success" role="button"&gt;Join&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;template name="home"&gt;
      &lt;div class="row"&gt;
          {{#each playerslooking}}
              {{&gt; usercard}}
          {{/each}}
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;template name="find_page"&gt;
      &lt;div style="height:150px;width:150px;background:blue;"&gt;hello&lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>FlowRouter.route('/', {
    action: function() {
      BlazeLayout.render("middle", {sidebar: 'leftbar', content: "home"});
    }
  });
  
  FlowRouter.route('/find/:_id', {
    name: 'postfind.show',
    action: function() {
      BlazeLayout.render('middle', {sidebar: 'leftbar', content: "find_page"});
    }
  });
  </code></pre>
  
  <p>I've refactored my code several times trying to debug this, as I'm not sure how BlazeLayout is suppose to work with nested templates.</p>
  
  <p>All input appreciated, thanks.</p>