首页 > 解决方案 > 如何在同一行显示多个引导卡

问题描述

我正在尝试使用引导程序 4在卡片中显示从数据库中检索到 的数据,数据被正确检索,但问题在于这些卡片的显示,因为它只是以垂直方式显示在一行中的每张卡片上。

我需要的是在同一行显示 3 或 4 张卡片

代码:

{% for obj in object_list %}
<div class="container">
    <div class="row">
        <div class="col-md-4">

            <div class="card">
                <!--Card image-->
                <img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/43.jpg" alt="Card image cap">

                <!--Card content-->
                <div class="card-body">
                    <!--Title-->
                    <h4 class="card-title">name:{{ obj.name}}</h4>
                    <!--Text-->
                    <p class="card-text">{{obj.content}}</p>
                    <a href="#" class="btn btn-primary">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>

{% endfor %}

标签: djangobootstrap-4

解决方案


推荐阅读