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