为什么我的下拉导航栏没有显示答案

【问题标题】：Why is my drop-down navbar not getting displayed为什么我的下拉导航栏没有显示
【发布时间】：2014-07-13 18:53:31
【问题描述】：

我的左边是260px 宽，右边是260px 宽。我的中心 div 是流动的 100% 宽度。

点击右箭头，我想要一个与中心 div 容器宽度相同的dropdown。下面是我的代码和fiddle，但似乎下拉菜单根本不起作用。

<div class="navbar navbar-default" role="navigation">
  <div class="container-fluid">    
   <div class="row">
    <div class="leftBox pull-left" href="#">

    </div>
    <div class="rightBox pull-right" href="#">
      Right Div
    </div>
     <div class="nav-collapse collapse">
        <ul class="nav">
           <li class="dropdown">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></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 class="divider"></li>
               <li class="nav-header">Nav header</li>
               <li><a href="#">Separated link</a></li>
               <li><a href="#">One more separated link</a></li>
             </ul>
          </li>
        </ul>
       </div>
    </div>
  </div>
 </div>

http://codepen.io/anon/pen/vBjwC

【问题讨论】：

你的链接失效了，提示应用错误
在 jsfiddle 上发布你的作品，并提供链接
@nsthethunderbolt：已经放了一个工作版本，bootply 似乎已经关闭了。
检查更新的答案。

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

下拉菜单正在工作，但您正在使用collapse 类，所以它已经处于折叠状态..

并且：在js中添加这个：

function fun(){
  document.getElementsByClassName('nav-collapse')[0].classList.remove('collapse');
}

这在 css 中：

.nav-collapse{width:60%; float:left;}

确实使事情正常进行。试一试。

【讨论】：