Javascript 引导程序4中的col-md-4属性在我的ejs文件中不起作用

Bootstrap中的

.card

有自己的flex属性，它覆盖

.col-*

您需要将

.card

添加为

.col-md-4

的子div，您将看到结果

.col-md-4{margin:20px auto；}/*或使用my-*类*/

卡片标题
卡片标题
卡片标题
卡片标题
卡片标题
卡片标题

但由于col-lg-12，这只会在一行中添加一张卡。我需要连续三张卡片，下面三张。我用col-md-4表示md和lg，col-12表示低于md的分辨率。@DivyamMadhok很乐意帮忙，继续编码：）是的。成功了！再次感谢。

    <div class="container"> 
    <div class="row card-deck">
    <% for(var i=0;i<campgrounds.length;i++){ %>
        <div class="card col-12 col-md-4">
        <img class="card-image-top" src="<%= campgrounds[i].image %>"  style=width:100%;height:350px;>
        <div class="card-body">
        <h3 class="card-title"><%= campgrounds[i].name %></h3> 
            </div>
        </div>
    <% }%>
</div>
</div>