制作子菜单

时间:2014-11-12 09:49:10

标签: html angularjs twitter-bootstrap

我想在新的子菜单中合并我的两个条目

我有这个

<li class="dropdown" ng-controller="MenuPropertiesCtrl">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Properties <span
          class="caret"></span></a>
  <ul class="dropdown-menu" role="menu" ng-click="$event.stopPropagation()"
      style="width: 450px !important">
      <li><a href="" ng-click="open_create_properties_dialog()">Creer</a></li>
      <li class="divider"></li>
      <li><a href="" ng-click="open_compare_properties_dialog()">Comparer properties par versions</a></li>
      <li class="divider"></li>
      <li><a href="" ng-click="open_compare_properties_plateformes_dialog()">Comparer properties par plateformes</a></li>
  </ul>
</li>

我有这个

Properties
|
|_Creer
|
|_Comparer properties par versions
|
|_Comparer properties par plateformes

所以我想这样做..?

Properties
|
|_Creer
|
|__Comparer
    |
    |_Comparer properties par versions
    |
    |_Comparer properties par plateformes

JSFIDDLE中的示例:

JSFIDDLE

THX。

1 个答案:

答案 0 :(得分:0)

你正在使用bootstrap make easy drop dun菜单。把这个html脚本放在你的菜单中

 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
        <li class="divider"></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  </ul>         
</div><!-- /.navbar-collapse -->

以及更多信息来引用此链接http://getbootstrap.com/components/#nav