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 %}

然而，这不允许我像我想的那样轻松地操作图像 - 我希望使用Bootstraps列，但每次我尝试它时都会在单列中提供图像。

Answer 1

为什么不在3列网格中使用以下内容？

  

（将col-md-4更改为4列的col-md-3）

<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>