Django Bildergalerie

Question

Ich versuche eine Bildergalerie Vorlage in Django zu erstellen, die neue Bilder zieht, wenn sie dem Blog hinzugefügt werden. Was ich möchte, sind drei oder vier Spalten von Bildern in Miniaturansicht in einem Raster.

Bisher sieht meine Vorlage dies wie:

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

aber das wird mir nicht zulassen, dass die Bilder so leicht manipulieren, wie Ich mag würde - ich hatte gehofft, Bootstraps Spalten zu verwenden, aber jedes Mal, wenn ich versuche, dass es gibt mir die Bilder in einer einzigen Spalte.

Answer 1

Warum nicht das folgende für 3 Spaltengitter verwenden?

(Änderung col-md-4 col-md-3 für 4 Spalten)

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