Я новичок в 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