forEach用于bootstrap网格系统

Question

我正在博客网站上工作（在node.js中），创建了一个博客模式，一个forEach循环迭代每个博客并添加图像，标题，正文：

代码：

   <% 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>

    <% }) %>

因为我已经申请了每个博客，所有博文都有相同的外观。

第4和第5篇博文是否有可能以不同的方式出现（col-md-6，即它们都占据了行的一半空间）？

Answer 1

forEach回调的第二个参数是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">