如何解决Bootstrap 5 中未出现的卡片
我一直在尝试使用 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”,我在数据库中添加了两个,但它们没有出现在页面上,我不知道为什么。 我不是一个非常有经验的程序员,所以任何建议(简单来说)都会非常感激!
解决方法
试试下面的代码:
<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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。