title: Problem generating repeated Bootstrap grid rows and columns with XSLT
body: <p>I am using XSLT to generate rows, columns, and content from a config file. I have my config rows/columns/content setup but can't figure out how to make the XSLT repeat the rows and columns to match my expected HTML output. It's only pulling the first instance of each Row/Col/Box. I know there are parameters to pass to make it repeat properly, but I don't understand how to use them properly.</p>
  
  <p><b>XSLT file:</b></p>
  
  <p>
      </p>
  
  <pre><code>&lt;xsl:template match="/XmlPages"&gt;
      &lt;xsl:for-each select="/XmlPages/Page[@RouteUrl=$RouteUrl]"&gt;
          &lt;xsl:apply-templates /&gt;
      &lt;/xsl:for-each&gt;
  &lt;/xsl:template&gt; 
  
  &lt;xsl:template match="Row"&gt;      
      &lt;div class="row content-row"&gt;
          &lt;xsl:apply-templates select="Col" /&gt;
      &lt;/div&gt;
  &lt;/xsl:template&gt;
  
  &lt;xsl:template match="Col"&gt;
      &lt;div class="col-{@colSize} content-col"&gt;
          &lt;xsl:apply-templates select="Box" /&gt;
      &lt;/div&gt;
  &lt;/xsl:template&gt;
  
  &lt;xsl:template match="Box"&gt;      
      &lt;div class="content-box {@boxBg}-bg" data-url="{@fileUrl}"&gt;&lt;/div&gt;
  &lt;/xsl:template&gt;
  </code></pre>
  
  <p></p>
  
  <p><b>Config file:</b></p>
  
  <pre><code>&lt;Page Name="testPage" RouteUrl="/testPage"&gt;
      &lt;Row&gt;
          &lt;Col colSize="3"&gt;
              &lt;Row&gt;
                  &lt;Col colSize="12"&gt;
                      &lt;Box boxBg="clear" fileUrl="/content/test-1.html"&gt;&lt;/Box&gt;
                  &lt;/Col&gt;
              &lt;/Row&gt;
              &lt;Row&gt;
                  &lt;Col colSize="12"&gt;
                      &lt;Box fileUrl="/content/test-2.html"&gt;&lt;/Box&gt;
                  &lt;/Col&gt;
              &lt;/Row&gt;
              &lt;Row&gt;
                  &lt;Col colSize="12"&gt;
                      &lt;Box fileUrl="/content/test-3.html"&gt;&lt;/Box&gt;
                  &lt;/Col&gt;
              &lt;/Row&gt;
          &lt;/Col&gt;
          &lt;Col colSize="9"&gt;
              &lt;Row&gt;
                  &lt;Col colSize="9"&gt;
                      &lt;Box fileUrl="/content/test-4.html"&gt;&lt;/Box&gt;
                  &lt;/Col&gt;
                  &lt;Col colSize="3"&gt;
                      &lt;Row&gt;
                          &lt;Col colSize="12"&gt;
                              &lt;Box boxBg="color" fileUrl="/content/test-5.html"&gt;&lt;/Box&gt;
                          &lt;/Col&gt;
                      &lt;/Row&gt;
                      &lt;Row&gt;
                          &lt;Col colSize="12"&gt;
                              &lt;Box boxBg="color" fileUrl="/content/test-6.html"&gt;&lt;/Box&gt;
                          &lt;/Col&gt;
                      &lt;/Row&gt;
                  &lt;/Col&gt;
              &lt;/Row&gt;
              &lt;Row&gt;
                  &lt;Col colSize="12"&gt;
                      &lt;Box fileUrl="/content/test-7.html"&gt;&lt;/Box&gt;
                  &lt;/Col&gt;
              &lt;/Row&gt;
          &lt;/Col&gt;
      &lt;/Row&gt;
  &lt;/Page&gt;
  </code></pre>
  
  <p><b>Desired HTML result:</b></p>
  
  <pre><code>&lt;div class="row content-row"&gt;
      &lt;div class="col-3 content-col"&gt;
          &lt;div class="row content-row"&gt;
              &lt;div class="col-12 content-col"&gt;
                  &lt;div class="content-box clear-bg"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row content-row"&gt;
              &lt;div class="col-12 content-col"&gt;
                  &lt;div class="content-box"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row content-row"&gt;
              &lt;div class="col-12 content-col"&gt;
                  &lt;div class="content-box"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-9 content-col"&gt;
          &lt;div class="row content-row"&gt;
              &lt;div class="col-9 content-col"&gt;
                  &lt;div class="content-box"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-3 content-col"&gt;
                  &lt;div class="row content-row"&gt;
                      &lt;div class="col-12 content-col"&gt;
                          &lt;div class="content-box color-bg"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="row content-row"&gt;
                      &lt;div class="col-12 content-col"&gt;
                          &lt;div class="content-box color-bg"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;              
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row content-row"&gt;
              &lt;div class="col-12 content-col"&gt;
                  &lt;div class="content-box"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>