代码之家  ›  专栏  ›  技术社区  ›  Dr3w Br1ck13

Django CMS:如何修改show_菜单的样式

  •  4
  • Dr3w Br1ck13  · 技术社区  · 7 年前

    我想从上找到的模板构建Django CMS模板 https://startbootstrap.com .

    我已加载以下标签

    {% load cms_tags menu_tags sekizai_tags staticfiles %}
    

    然后在 <body> 菜单的一部分

    ...
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
      <div class="container">
        <a class="navbar-brand" href="#">Start Bootstrap</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            {% show_menu 0 100 100 100 %}
          </ul>
        </div>
      </div>
    </nav>
    ...
    

    不幸的是,菜单中页面的链接几乎没有CSS(见图)。

    menu without css

    基本上,链接需要是类的 nav-link . 我怎样才能解决这个问题?

    2 回复  |  直到 7 年前
        1
  •  7
  •   markwalker_    7 年前

    <ul class="dropdown">
        {% show_menu 1 100 100 100 "partials/navigation.html" %}
    </ul>
    

    然后在 partials/navigation.html ;

    {% load cms_tags menu_tags cache cms_page %}
    
    {% for child in children %}
    
        <li class="nav-link">
            <a href="{{ child.attr.redirect_url|default:child.get_absolute_url }}">{{ child.get_menu_title }}</a>
            {% if child.children %}
                <ul class="sub_menu">
                    {% show_menu from_level to_level extra_inactive extra_active template '' '' child %}
                </ul>
            {% endif %}
        </li>
    
    {% endfor %}
    
        2
  •  1
  •   azibom    4 年前
    <li class="nav-item">
        <a class="nav-link" href="{{ child.attr.redirect_url|default:child.get_absolute_url }}">{{ child.get_menu_title }}</a>
        {% if child.children %}
            <ul class="sub_menu">
                {% show_menu from_level to_level extra_inactive extra_active template '' '' child %}
            </ul>
        {% endif %}
    </li>