Twitter bootstrap 引导中的子菜单中的子菜单？_Twitter Bootstrap_Twitter Bootstrap 3

Twitter bootstrap 引导中的子菜单中的子菜单？

twitter-bootstrap twitter-bootstrap-3

Twitter bootstrap 引导中的子菜单中的子菜单？,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我正在使用bootstrap构建一个响应菜单，我已经有了这种菜单：Home | studio | gallary | contacts。我有子菜单，但我找不到在子菜单中创建其他菜单的方法。我把“联系人”放在了我的右边。所以，我需要一些类似于“联系人”的东西，它显示供选择的城市列表：“城市1”、“城市2”、“城市3”。如果选择“任何城市”，则必须显示其完整地址。有人知道bootstrap是否为此有特殊的“类或id”吗？我真的很感激任何帮助。谢谢…我的代码在这里： <body> <

我正在使用bootstrap构建一个响应菜单，我已经有了这种菜单：Home | studio | gallary | contacts。我有子菜单，但我找不到在子菜单中创建其他菜单的方法。我把“联系人”放在了我的右边。所以，我需要一些类似于“联系人”的东西，它显示供选择的城市列表：“城市1”、“城市2”、“城市3”。如果选择“任何城市”，则必须显示其完整地址。有人知道bootstrap是否为此有特殊的“类或id”吗？我真的很感激任何帮助。谢谢…我的代码在这里：

<body>
<div class="navbar navbar-inverse navbar-fixed-top">
 <div class="container">
  <div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="#">Brand</a>
  </div>

<div class="navbar-collapse collapse">
 <ul class="nav navbar-nav">
     <li class="active dropdown">
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<span class="glyphicon glyphicon-arrow-down"></span></a>
 <ul class="dropdown-menu">
     <li><a href="#">News</a>/li>
     <li><a href="#">UFW</a></li>                
     <li><a href="#">The press</a></li>                
 </ul>
     <li><a href="#">Studio</a></li>
     <li><a href="#">Gallary</a></li>
     <li><a href="#">List</a></li>
 </ul>
 <ul class="nav navbar-nav navbar-right">
     <li class="dropdown active">
     <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Contacts <b class="caret"></b></a>
 <ul class="dropdown-menu">
     <li><a href="#">City 1</a>
 <ul class="dropdown-menu">
     <li class="navbar-text"> street ...</a></li>
     <li><a href="#"> local phone</a></li>
     <li><a href="#"> mobile</a></li>
 </ul>
     </li>
     <li class="divider"></li>
     <li><a href="#">City 2</a>
 <ul class="dropdown-menu">
     <li class="navbar-text"> street ...</a></li>
     <li><a href="#"> local phone</a></li>
     <li><a href="#"> mobile</a></li>
     <li class="divider"></li>
     <li class="navbar-text">street ...</li>
     <li><a href="#"> local phone</a></li>
     <li><a href="#"> mobile</a></li>
 </ul>
     </li>
     <li class="divider"></li>
     <li><a href="#">City 3</a>
 <ul class="dropdown-menu">
     <li class="navbar-text"> street ...</a></li>
     <li><a href="#"> local phone</a></li>
     <li><a href="#"> mobile</a></li>
</ul>
     </li>
</ul>
     </li>
</ul>





/李>












街道







街道



街道







街道

正如您将在此处看到的：，子菜单在Bootstrap 3中不存在，但您可以添加一些CSS使其工作。下面是在右对齐的导航栏子菜单中使用代码的示例

右对齐导航栏子菜单

thx Skelly，除了firefox，大多数浏览器都可以。问题是在带有插入符号的下拉菜单中，它们向下滑动。我试图自己修复它，但我所有的努力都失败了：（有没有办法运行它？thx。。。