python - Django 网络开发

Question

我是 python 和 django 的初学者，我正在练习制作一个卖东西的网站。我在我应该从 bootstrap 编辑一张卡片的部分，其中包含我的 models.py 中的属性，该属性也在 views.py 中作为函数。

这是 html：（'base.html' 是 bootstrap 的起始模板）

{% extends 'base.html' %} 

{% block content %}
    <h1>Products</h1>
    <div class="row">
        {% for product in products_dict %}
         <div class="col">
            <div class="card" style="width: 18rem;">
                <img class="card-img-top" src="{{ product.image_url }}" alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title">{{ product.name }}</h5>
                    <p class="card-text">{{ product.price }}</p>
                    <a href="#" class="btn btn-primary">Add to cart</a>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
{% endblock %}

这是我得到的结果：

[正如你所见，卡片只是继续向右堆叠并减小尺寸，它不会下降。]

谁能帮我这个？请告诉我是否需要分享更多信息。

https://i.stack.imgur.com/sXQXr.jpg

标签： pythondjangopycharm