forEach 与引导网格系统一起使用

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>

    <% }) %>

因为我申请了forEach，所以所有博文的外观都是一样的。

第 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">