Question

我正在使用bootstrap构建一个响应式菜单，我已经有了这种菜单：Home |工作室| GALLARY |联系人。我有子菜单，但我找不到如何在子菜单中创建额外的sabmenus的方法。我把“联系人”推到了我的右边。所以，我需要像媒体“联系人”这样的东西，它显示了可供选择的城市列表：“城市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>

Answer 1

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

右对齐的导航栏子菜单

bootstrap子菜单中的子菜单？

1 个答案:

http://www.bootply.com/118045