forEach Verwendung mit Bootstrap-Grid-System

Question

Ich bin auf einer Blog-Site arbeite (in node.js), erstellt ein Blog-Schema, einen foreach-Schleife iteriert über jeden Blog und fügt Bild, Titel, Körper daran:

Code:

<% blog.forEach(function(blog) { %> 

     <div class="col-md-4 col-sm-6"> 

       <a href="/blog/<%= blog._id %>"><img src="<%= blog.image %>"></a> 
      <div class="caption"> 
       <a href="/blog/<%= blog._id %>"><h2><%= blog.title %></h2></a> 
      </div> 

      <span><%= blog.created.toDateString(); %></span> 

      <div class="relative"> 
      <p><%- blog.body.substring(0,250); %></p> 
      <div class="absolute"></div> 
      </div> 

     </div> 

    <% }) %> 

Weil ich forEach angewendet haben, werden alle Blog-Posts das gleiche Aussehen haben.

Gibt es eine Chance, dass der vierte und der fünfte Blogpost auf unterschiedliche Weise erscheinen (col-md-6, d. H. Sie belegen beide die Hälfte des Zeilenabstandes)?

Answer 1

Der zweite Parameter des forEach Rückruf ist für index:

<% blog.forEach(function(blog, idx) { %> 
<% if (idx > 3) %> 
     <div class="col-md-6 col-sm-6"> 
<% else %> 
     <div class="col-md-4 col-sm-6">