制作子菜单答案

【问题标题】：Make a sub menu制作子菜单
【发布时间】：2019-06-23 23:42:30
【问题描述】：

我想将我的两个条目合并到一个新的子菜单中

我有这个

<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

Example in JS Fiddle

【问题讨论】：

你能给我们提供jsfiddle吗？谢谢:)
@MikeAnte jsfiddle.net/1ktn1ooz/2

标签： html angularjs twitter-bootstrap

【解决方案1】：

您正在使用 bootstrap make 轻松删除菜单。把这个 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

【讨论】：