我有一个下拉菜单,它使用静态页面菜单来生成导航。
如何引用三级项?这是一张解释典型布局的图片
我知道bootstrap不允许没有mods的第三级菜单,但它的树枝调用我正在努力解决。
在item.items中存在对item.items和子项的调用。但是,下一级的项目又如何呢?
这是我目前的菜单
<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>
https://stackoverflow.com/questions/41570426
复制相似问题