Question

我在Django中找到了“循环”，但并不完全。我想要的结果是在第四篇文章之后，直接在它们下面我想插入一个跨越容器宽度的div。所以它将是四个相等长度的div，第五个div将在这些div之下并且将与它们所有组合的一样宽。继承了我认为可行的代码

 <div class="row">
    {% for q in object_list %}

      <div class="col-sm-6 col-md-3">
        <div class="thumbnail">
          {% if q.image %}
            <img src='{{ q.image.url }}' class="img-responsive" />
          {% endif %}
          <div class="caption">
            <h3><a href="{{ q.get_absolute_url }}" >{{q.title}}</a><small> {{ q.timestamp|timesince }}</small></h3>
            <p>{{ q.content | truncatechars:30 }}</p>
            <p><a href="{{ q.get_absolute_url }}" class="btn btn-primary" role="button">view</a>
                <a href="{% url 'posts:delete' q.id %}" class="btn btn-default" role="button">delete</a>

                <a href="{% url 'posts:update' q.id %}"  class="btn btn-default" role="button">edit</a></p>
          </div>
        </div>
      </div>


        {% cycle "" "" "" "</div><div class='row'>" "<div class='col-sm-12' style='height: 40%; background-color: #5b80b2'></div>"%}

    {% endfor %}
    </div>

我想如果我在“行”之后插入最后一个div而疯狂它'col-sm-12'它会按照我想要的方式工作但事实并非如此。欢迎任何帮助

Answer 1

我明白了。而不是

{% cycle "" "" "" "</div><div class='row'>" "<div class='col-sm-12' style='height: 40%; background-color: #5b80b2'></div>"%}

在行外面有div，你可以这样做

{% cycle "" "" "" "<div class='col-sm-12' style='height: 40%; background-color: #5b80b2'></div>" "</div><div class='row'>"%}

并将div放在行内。感谢所有想要帮助我的人。我希望这可以帮助使用Django的人试图理解＆＃34;循环＆＃34;。

如何使用django中的循环广告跨越容器宽度的div？

1 个答案: