Django圖片庫

Question

我試圖在Django中製作一個圖庫模板，當它們被添加到博客時，它們將拉入新圖像。我想要的是三個或四個縮略圖大小的圖像在網格中的列。

到目前爲止，我的模板看起來是這樣的：

{% for image in images %} 
    {% if forloop.first %} 
     <tr> 
    {% endif %} 
    <td> 
     <a href="{{ image.get_absolute_url }}"> <img src="{{ image.image.url }}" class="img-responsive img-thumbnail" width="304" height="236"/></a> 
    </td> 
    {% if forloop.last %} 
     </tr> 
    {% else %} 
     {% if forloop.counter|divisibleby:"4" %} 
      </tr><tr> 
     {% endif %} 
    {% endif %} 
{% endfor %} 

但是這不會讓我那樣容易操縱的圖像，因爲我想 - 我希望能使用白手起家列，但每一次我嘗試它給我的圖像在一個單一的列。

Answer 1

爲什麼不使用以下3列網格？

（其他城市COL-MD-4 COL-MD-3爲4列）

<div class="container"> 
    <div class="row"> 
    {% for image in images %} 
     <div class="col-md-4"> 
      <a href="{{ image.get_absolute_url }}"> <img src="{{ 
image.image.url }}" class="img-responsive img-thumbnail" width="304" height="236"/> 
      </a> 
     </div> 
    {% endfor %} 
    </div> 
</div>