html - Bootstrap 5 中没有出现的卡片

Question

我一直在尝试使用 ejs 将我的引导卡组连接到 mongo 数据库。没有错误，但是当我渲染网站时卡片没有出现。有谁知道可能出了什么问题？

这是代码：

<div class="container">
<div class="row row-cols-4">
<% researchCards.forEach(function(researchCard){ %>
      <div class="card col">
        <div class="card-body">
          <h5 class="card-title"><%= researchCard.title %></h5>
          <h6 class="card-title"><%= researchCard.credit %></h6>
          <p class="card-text"><%= researchCard.content %></p>
          <a href="<%= researchCard.link %>">Read more</a>
        </div>
    </div>
</div>
<% }); %>

mongodb 模型称为“ResearchCards”，我在数据库中添加了两个，但它们没有出现在页面上，我不知道为什么。我不是一个非常有经验的程序员，所以任何建议（简单来说）都会非常感激！

Answer 1

试试下面的代码：

<div class="container">
  <div class="row row-cols-4">
    <% researchCards.forEach(function(researchCard){ %>
      <div class="card col">
        <div class="card-body">
          <h5 class="card-title"><%= researchCard.title %></h5>
          <h6 class="card-title"><%= researchCard.credit %></h6>
          <p class="card-text"><%= researchCard.content %></p>
          <a href="<%= researchCard.link %>">Read more</a>
        </div>
      </div>
    <% }); %>
  </div>
</div>