은 seconde 수준이나 (자식의 자식)를 사용하면 각 요소 내부에 다른 루프를 추가해야 가능합니다. 여기 코드를 navigation.ftl에 삽입하고 CSS를 추가 할 수 있습니다.
<nav id="navigation" role="navigation">
<div class="row">
<div class="col-md-9">
<ul class="nav1">
\t \t \t <#list nav_items as nav_item>
\t \t \t <li><a href="${nav_item.getURL()}">${nav_item.getName()}</a>
\t \t \t \t \t \t
\t \t \t \t <#if nav_item.hasChildren()>
\t \t \t \t \t <div class="fulldrop">
\t \t \t \t \t
\t \t \t \t \t <#list nav_item.getChildren() as nav_child>
\t \t \t \t \t
\t \t \t \t \t <div class="col-xs-4">
\t \t \t \t \t \t <#assign navchild_name = nav_child.getName() />
\t \t \t \t \t \t
\t \t \t \t \t \t \t <h3>${nav_child.getName()}</h3>
\t \t \t \t \t \t \t
\t \t \t \t \t \t \t <br> \t
\t \t \t \t \t \t \t \t <#if nav_child.hasChildren()>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t <ul>
\t \t \t \t \t \t \t \t \t \t <#list nav_child.getChildren() as nav_child>
\t \t \t \t \t \t \t \t \t \t <li><a href="${nav_child.getURL()}">${nav_child.getName()}</a></li>
\t \t \t \t \t \t \t \t \t \t </#list>
\t \t \t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t </#if>
\t \t \t \t \t </div> \t \t \t
\t \t \t \t \t \t
\t \t \t \t \t </#list>
\t \t \t \t \t </div>
\t \t \t \t </#if>
\t \t \t </li>
\t \t \t </#list>
\t \t </ul>
</div>
</div>
</nav>