Django中的Bootstrap Carousel实现

Question

我正在尝试将twitter bootstrap 3幻灯片显示到模板中,但是,我无法设置标志变量.第一个div需要一个类active item,其余的应该只有一个item类.我怎样才能在for循环中实现这一目标？

{% for review in reviews|slice:":3" %}
    <div class="carousel-inner">

    {% if forloop.counter0|divisibleby:"3" %}
     <div class="active item">
    {% else %}
    <div class="item">
    {% endif %}
    <blockquote>
         <p>{{ review.description }}</p>
    </blockquote>
    <label>{{ review.business }}</label>
    </div>
{% endfor %}

我已经尝试过的:

• 在Bootstrap Carousel的模板中拆分Django Queryset
• 实现twitter bootstrap carousel v2.3.2
• 动态旋转木马与django和bootstrap

Answer 1

试试这个:

<div class="carousel-inner">
{% for review in reviews|slice:":3" %}
    {% if forloop.first %}
        <div class="active item">
    {% else %}
        <div class="item">
    {% endif %}
        <blockquote>
            <p>{{ review.description }}</p>
        </blockquote>
        <label>{{ review.business }}</label>
    </div>
{% endfor %}
</div>

如果这是第一次通过循环,则forloop.first为True