添加 django 模板标签后 html 表现不同

Question

我的导航丸出现在一行中。但是一旦我向它添加 django 模板标签，药丸就会堆叠在一起。

我该如何解决才能使药片全部排成一排？

没有django标签

<ul class="nav nav-pills">
  <li role="presentation" class="active"><a href="#">Home</a></li>
  <li role="presentation"><a href="#">Profile</a></li>
  <li role="presentation"><a href="#">Messages</a></li>
</ul>

使用 django 标签

{% for menu in menus %}
<ul class="nav nav-pills">
    {% if menu.mealtype == 'Breakfast' %}
        <li role="presentation" class="active"><a href="#">Home</a></li>
    {% endif %}
    {% if menu.mealtype == 'Lunch' %}
        <li role="presentation"><a href="#">Profile</a></li>
    {% endif %}
</ul>
{% endfor %}

Answer 1

你的问题是你的for循环{% for menu in menus %}重复 <ul>标签也是如此。您正在为每个条目制作一个单独的列表。

尝试移动您的 for在 <ul> 中循环标签。

<ul class="nav nav-pills">
{% for menu in menus %}
    {% if menu.mealtype == 'Breakfast' %}
        <li role="presentation" class="active"><a href="#">Home</a></li>
    {% endif %}
    {% if menu.mealtype == 'Lunch' %}
        <li role="presentation"><a href="#">Profile</a></li>
    {% endif %}
{% endfor %}
</ul>