Question

我在index.html中进行了循环，并将这些照片添加到views.html中，每当我运行代码时，所有照片都显示在行中。我希望它出现在列中。我该怎么办？

views.py
    def index(request):
    dest1 = Destination()
    dest1.desc = 'Hello, How are you?'
    dest1.img = '01.jpg'

    dest2 = Destination()
    dest2.desc = 'Hello, HOw are you?'
    dest2.img = '02.jpg'

    dests1 = [dest1, dest2]
    return render(request, 'index.html',{'dests1':dests1})

  index.html
    {% static 'images/fulls' as baseUrl %}
    {% static 'images/thumbs' as hiUrl %}
    {% for dest1 in dests1 %}
    <div>
    <a href="{{baseUrl}}/{{dest1.img}}">
        <img src="{{hiUrl}}/{{dest1.img}}" alt="" />
        <h3>{{dest1.desc}}</h3>
    </a>
   </div>
    {%endfor%}

Answer 1

尝试在您的代码中添加它：

<div class="row">
{% for dest1 in dests1 %}
<div class="col-lg-4">
    <a href="{{baseUrl}}/{{dest1.img}}">
        <img src="{{hiUrl}}/{{dest1.img}}" alt="" />
        <h3>{{dest1.desc}}</h3>
    </a>
</div>
{%endfor%}
   </div>

如何在Django中将行调整为列？

1 个答案: