通过树枝访问静态页面中的第三级菜单。

Question

我有一个下拉菜单，它使用静态页面菜单来生成导航。

如何参考第三级项目？这是一张解释典型布局的图片

我知道bootstrap不允许没有mods的第3级菜单，但是它正在尝试解决这个问题。

在item.items中调用了item.items和subitem。但是下一级别的项目呢？

到目前为止，这是我的菜单

<ul class="nav navbar-nav navbar-right">
    <li><a href="{{ '/'|app }}"><i class="typcn typcn-home"></i></a></li>
    {% for item in items %}
    <li class="{{ item.isActive or item.isChildActive ? 'active' : '' }}  {{ item.items ? 'dropdown' : '' }}">
        <a title="{{ item.title }}" {% if item.items %} class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-     expanded="false" href="#"{% else %} href="{{ item.url }}" {% endif %}>{% if item.items %} {{ item.title }} <span class="caret"></span>{% else %} {{     item.title }} {% endif %}</a>
            {% if item.items %}
            <ul class="dropdown-menu">
            {% for subitem in item.items %}
            <li>
            <a href="{{ subitem.url }}">{{ subitem.title }}</a>
            </li>
            {% endfor %} 
            </ul>
           {% endif %}
            </li>
    {% endfor %}

</ul>

Answer 1

第三级项目在

subitem.items