title: Hugo Nested loop to iterate through multi-level YAML
body: <p>I have page front matter with multiple levels. My page front matter looks like this:</p>
  
  <pre><code>grids:
  - template: section
    background_image: "/uploads/2018/05/01/q-mark.png"
    rows:
    - template: row
      stack-columns: tablet-s
      cols:
      - template: column
        title: "Column-1 Title"
  - template: section
    background_image: "/uploads/2018/05/01/lk.png"
    rows:
    - template: row
      stack-columns: tablet-s
      cols:
      - template: column
        title: "Column-2 Title"
      rows:
    - template: row
      stack-columns: tablet-l
      cols:
      - template: column
        title: "Column-3 Title"
  </code></pre>
  
  <p>I can display the first-level template name for both of my grids:</p>
  
  <pre><code>{{ range .Params.grids }}
     {{ .template }}
  {{ end }}
  </code></pre>
  
  <p>How can I return the template name of rows and cols within the loop?</p>