bootstrap的navbar问题

panxings

请问：
1.二级导航栏下的下拉菜单怎么实现的？
2.怎么实现导航栏垂直显示？
非常感谢！

panxings

请看看这样行吗？现在第三级无法展开哦
<nav class="navbar navbar-default" component="$UI/system/components/bootstrap/navbar/navbar"
          xid="navbar1" role="navigation">
          <div class="container-fluid" xid="div1">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>  
                <span class="icon-bar"/>  
                <span class="icon-bar"/>  
                <span class="icon-bar"/>
              </button>  
              <a class="navbar-brand" href="#">系统菜单</a>
            </div>  
            <div class="collapse navbar-collapse in" id="example-navbar-collapse">
              <ul component="$UI/system/components/bootstrap/navs/navs" class="nav navbar-nav navbar-right"
                xid="navs1">
                <li class="active" role="presentation">
                  <a href="#">栏目管理</a>
                </li>  
                <li>
                  <a href="#">活动管理</a>
                </li>  
                <li>
                  <a href="#">文章管理</a>
                </li>  
                <li class="dropdown">
                  <a class="dropdown-toggle" data-toggle="dropdown">推广活动
                    <b class="caret"/>
                  </a>  
                  <ul component="$UI/system/components/justep/menu/menu" class="x-menu dropdown-menu" xid="menu1">
                    <li>
                      <a href="#">推荐活动</a>
                    </li>   
                    <li class="divider"/>  
                    <li>
                      <a href="#">分离的链接</a>
                    </li>  
                    <li class="divider"/>  
                    <li>
                      <a href="#">另一个分离的链接</a>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </nav>

liangyongfei

当显示页面宽度变小就会垂直了，手机一般都是垂直的。
三级的下拉可以放置dropdown组件嘛！

panxings

liangyongfei 发表于 2015-11-9 17:52
当显示页面宽度变小就会垂直了，手机一般都是垂直的。
三级的下拉可以放置dropdown组件嘛！ ...

dropdown？为什么不是menu？
我试试看

panxings

liangyongfei 发表于 2015-11-9 17:52
当显示页面宽度变小就会垂直了，手机一般都是垂直的。
三级的下拉可以放置dropdown组件嘛！ ...

dropdown是出现了下拉菜单，但是鼠标点别的地方自动隐藏了，不是折叠、打开的效果