title: How Do I Get First Collection Element Using Spacebars {{#if}} Tag?
body: <p>I am trying to set the first picture as the "item active" i an Bootstrap Carousel. So, is there a way to make the first element from an collection to be presented different from the rest? </p>
  
  <pre><code>      {{#each pictures}}
          {{#if @first}}
                &lt;div class="item active"&gt;
                   &lt;img src="/pictures/{{fileName}}" alt="" /&gt;
              &lt;/div&gt;
         {{else}}
            &lt;div class="item"&gt;
               &lt;img src="/pictures/{{fileName}}" alt="" /&gt;
            &lt;/div&gt;
         {{/if}}
       {{/each}}
  </code></pre>
  
  <p>The rendered page only display the content in the {{else}} statement. 
  Have tried using {{if @first}}, but it does not work for me. </p>