Help us understand the problem. What is going on with this article?

DjangoでBootstrapを用いて写真を一覧表示させたい時

More than 1 year has passed since last update.

DjangoでBootstrapのグリッド機能を用いて写真を横列にある枚数分だけ
一覧表示させたい時がある。

イメージとしてはこんな感じ。
pic pic pic
pic pic pic
pic pic pic

具体的な方法はforloop.counterを用いると解決できる。
ドキュメントにも詳しく書いてある。
http://djangoproject.jp/doc/ja/1.0/ref/templates/builtins.html

ソースの例はこちら

sample.html
<div class = "container" style = "max-width:80%;">

  {% for post in posts.all %}
    {% if forloop.counter|divisibleby:4 or forloop.first %}
      <div class="row">
    {% endif %}
      <div class="col-md-4">
          <img class="" src="">
      </div>
    {% if forloop.counter|divisibleby:3 %}
    </div>
    {% endif %}
  {% endfor %}

</div>
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away