哈巴狗的Bootstrap菜单下拉水平

时间:2016-12-31 22:55:43

标签: html twitter-bootstrap pug

我正在尝试将引导导航栏传递给jade中的数组。

我已经取得了这个成就:

block linkSelected
  -var selected = 'index';
 -var menu = { 'Sobre': '/sobre', 'blog': '/blog', 'Contato': '/contato' };

并在标题中:

#navbarCollapse.collapse.navbar-collapse
    ul.nav.navbar-nav.navbar-right
      each val, key in menu
        if selected === key
          li.nav-item.active
            a.nav-link(href=val, title=key)= key
        else
          li.nav-item
            a.nav-link(href=val+'.html', title=key)= key

所以我在菜单中结束了这个:

<ul class="nav navbar-nav navbar-right">
   <li class="nav-item"><a href="/sobre.html" title="Sobre" class="nav-link">Sobre</a></li>
   <li class="nav-item"><a href="/blog.html" title="blog" class="nav-link">blog</a></li>
   <li class="nav-item"><a href="/contato.html" title="Contato" class="nav-link">Contato</a></li>
</ul>

有人知道如何在帕格/玉中实现下拉菜单吗?我只实现了第一级菜单......:/

非常感谢你和新年快乐!

0 个答案:

没有答案