используя специфицированные c bootstrap столбцы в шаблоне django на основе количества моделей

Question

Я создал страницу результатов поиска, которая приводит к 3 различным моделям. Для результатов мне нужно использовать bootstrap столбцы. так что мне нужно сделать, это отобразить их с bootstrap столбцами. И есть условие, что если есть только один результат поиска, мне нужно использовать col-12, а если два col-6 и если три col-4, может кто-нибудь предоставить мне демо-код?

enter code here
 {% if jud %}
         <h2>Search results:</h2>
         <div class="row">
            {% for product in products %}
            <div class="col-md-4">
                <div class="jumbotron">
                   <h4>{{ product.title }}</h4>
                   <p>{{ product.description }}</p>
                   <h6 class="btn btn-primary btn-large">More info</h6>
               </div>
            </div>
            {% endfor %}
        </div>
       {% endif %}

Answer 1

Вы можете написать собственный тег шаблона. Примерно так:

@register.simple_tag
def column_width(products):
    width = {1: 12, 2: 6, 3: 4}
    return width[len(products)]

И в шаблоне:

{% for product in products %}
        <div class="col-md-{% column_width products %}">
            <div class="jumbotron">
               <h4>{{ product.title }}</h4>
               <p>{{ product.description }}</p>
               <h6 class="btn btn-primary btn-large">More info</h6>
           </div>
        </div>
{% endfor %}

Answer 2

Вы можете использовать это внутри div строки.

<div class="col"></div>

Как это работает: если вы не укажете количество столбцов, все столбцы в строке будут занимать одно и то же количество места.