Css 折叠时的引导下拉菜单

使用bootstrap，我使用bootstrap示例在线创建了一个导航栏：

我的导航栏包含一个下拉菜单，该菜单在手机上运行良好，但导航栏会折叠成一个下拉菜单，而下拉菜单又包含我的下拉菜单。i、 e.下拉菜单中的下拉菜单

是否可以让我的下拉菜单正常工作？但是，当导航栏折叠时，下拉菜单项是否列为折叠菜单中的菜单项而不在下拉菜单中

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

切换导航

这就是您要寻找的：

---

更新版本：

这就是您要查找的内容：

---

更新版本：

我参加聚会有点晚了，但我正在读这篇文章，寻找一种方法来“打开”移动设备上的下拉菜单。css 尼古拉·科斯托夫给出的（下图）很好，只有一个问题。引导的响应断点位于768px，官方文档位于：

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) 

因此，对于所有小于您需要使用的的对象

@media only screen and (max-width: 767px) {

---

我参加聚会有点晚了，但我正在读这篇文章，寻找一种方法来“打开”移动设备上的下拉菜单。css 尼古拉·科斯托夫给出的（下图）很好，只有一个问题。引导的响应断点位于768px，官方文档位于：

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) 

因此，对于所有小于您需要使用的的对象

@media only screen and (max-width: 767px) {

---

谢谢你，尼古拉，但不是真的。您的解决方案仍然显示下拉列表（展开），但是它被禁用，这可能同样令人困惑。我只需要在折叠菜单中显示下拉项。i、 e.避免在下拉场景中出现下拉。我更新了我的答案检查，以查看这是否是您需要的。这仍然不起作用。谢谢Nikola，但不是真的。您的解决方案仍然显示下拉列表（展开），但是它被禁用，这可能同样令人困惑。我只需要在折叠菜单中显示下拉项。i、 在下拉场景中避免下拉。我更新了我的答案检查，看看这是否是你所需要的。这仍然不起作用。