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

  • Z时代
  • 2024-01-10
  • 分类：问答

我有点想出了Django中的“循环”，但并不完全。我想要的结果是在第四篇文章之后，直接在它们下面我想插入一个跨越容器宽度的div。所以它将是四个同等长度的div，第五个div将在这些div下面，并且会像所有这些div一样宽。继承人的代码我试过，我认为会的工作如何在django中使用循环广告跨越我的容器宽度的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“之后，将工作我如何想但那是不是这样。欢迎任何帮助

回答：

我想通了。而不是

{% 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'>"%}

，并把格列内。感谢所有想要帮助我的人。我希望这可以帮助使用Django的人尝试理解“循环”。

以上是 如何在django中使用循环广告跨越我的容器宽度的div？ 的全部内容， 来源链接： utcz.com/qa/257298.html

回到顶部