python - 如何在Django中从服务器以缩进行显示user_list？

Question

我有一个问题，我有一个显示用户的网站，但它不是以直线而是以倒金字塔的形式显示用户。这可能是因为我正在使用 django-filter 应用程序，但它不应该产生这样的问题。最后的配置文件(尤其是在移动 View 中)重叠并拖动。随着个人资料的增加，情况会变得更糟。是否可以将配置文件或用户列表排列在一条直线上？

请在下面找到我的代码。

filters.py(用于 djang-filters 应用程序)

  import django_filters
  from userprofile.models import UserProfiles

class UserProfilesFilter(django_filters.FilterSet):
    class Meta:
       model = UserProfiles
       fields = ['gender', 'age', 'Nationality','preference', 'Country', 
       'City']

View .py

@login_required
def profiles_list(request):
    filter = UserProfilesFilter(request.GET, queryset = 
    UserProfiles.objects.all().order_by('-pub_date'))
    return render(request,"userprofile/user_list.html", {'filter': filter})

用户列表.html

  {% extends 'base.html' %}
   {% block content %}
   {% load static %}
   {% load bootstrap %}




<div class="container">

<form class="form-horizontal col-md-4 col-lg-4 col-sm-4" action="" 
 method="get">
      {{ filter.form|bootstrap}} {% csrf_token %}
      <input type="submit" value='search'/>
   </form>

 {% for profile in filter.qs %}

 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">


  <hr>

  <a href="{% url 'userprofile:profileview' profile.user %}"><h3>{{ 
  profile.user }}</h3></a>
  <br>
 <img src="{{ profile.image.url }}" class="rounded mx-auto d-block img- 
responsive float-left" style= "max-height: 100px; max-width: 100px;">
 <br><br>
 <br><br> <br>
 <div class="font-weight-normal text-justify">
 Gender: {{ profile.gender }}
 <br>
 Country: {{ profile.Country }}
 <br>
 Description: {{ profile.summary }}
 <br>
 Preferences: {{ profile.preference }}
 <br><br>

  {% endfor %}
   </div>
   </div>
   <!--adnow ad-->
   <script type="text/javascript">
  (sc_adv_out = window.sc_adv_out || []).push({
    id : "575193",
   domain : "n.ads1-adnow.com"
   });
   </script>
  <script type="text/javascript" src="//st-n.ads1-adnow.com/js/a.js"> 
</script>
<div id="SC_TBlock_575193" class="SC_TBlock">loading...</div>
<!--adnow finishes-->





 {% endblock %}

Answer 1

您应该在每个 for 循环中关闭 div 标记，因为您是在循环内启动它们的。

更改:

{% endfor %}
</div>
</div>

至:

</div>
</div>
{% endfor %}