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

最佳答案

尝试在您的代码中添加此代码:

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

10-07 15:06