Css multinavibar在引导中不工作

我正在使用multinavbar，但当我看到移动切换和菜单不起作用时

这是密码

<div class="navbar navbar-default navbar-static-top" role="navigation" style="height: 114px;margin-top: -51px;width: 1134px;margin-left: 143px;">     
    <div class="navbar-header" style="  margin-top: 29px;">
        <div class="navbar-header"><a class="navbar-brand" href="#">News</a></div>

    </div>


</div>
<div class="navbar  navbar-default navbar-static-top" role="navigation" style="margin-top: -19px;width: 1134px;margin-left: 143px;height: 45px;">       <div class="navbar-header">
       <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <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="#"></a>
        </div>

    </div>

    <div class="collapse navbar-collapse">

        <ul class="nav navbar-nav">
            <li><a href="#">Home</a></li>
             <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">NEWS <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">MOVIE NEWS</a></li>
                <li><a href="#">OTHER NEWS</a></li>

              </ul>
            </li>
             <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">REVIEWS <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">MOVIE REVIEWS</a></li>
                <li><a href="#">AUDIO REVIEWS</a></li>

              </ul>
            </li>
             <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">VIDEOS <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">TRAILERS </a></li>
                <li><a href="#">POPULAR VIDEOS </a></li>
               <li><a href="#">Audio launch in US is a bad idea </a></li>
               <li><a href="#">SHORTS </a></li>
                <li><a href="#">OTHERS </a></li>

              </ul>
            </li>
             <li><a href="#about">INTERVIEWS</a></li>
            <li><a href="#contact">KIDS</a></li>

        </ul>
        <div class="col-sm-3 col-md-3 pull-right" style="margin-top: -22px;">
        <div class="navbar-text"></div>
        <form class="navbar-form" role="search">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
            <div class="input-group-btn">
                <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
            </div>
        </div>
        </form>
        </div>

    </div>
</div>


    <!-- Fixed navbar --><!-- 
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <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="#">Project name</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>

            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">NEWS <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">MOVIE NEWS</a></li>
                <li><a href="#">OTHER NEWS</a></li>

              </ul>
            </li>
             <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">REVIEWS <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">MOVIE REVIEWS</a></li>
                <li><a href="#">AUDIO REVIEWS</a></li>

              </ul>
            </li>
             <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">VIDEOS <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">TRAILERS </a></li>
                <li><a href="#">POPULAR VIDEOS </a></li>
               <li><a href="#">Audio launch in US is a bad idea </a></li>
               <li><a href="#">SHORTS </a></li>
                <li><a href="#">OTHERS </a></li>

              </ul>
            </li>
             <li><a href="#about">INTERVIEWS</a></li>
            <li><a href="#contact">KIDS</a></li>
             <li><a href="#contact">LIFESTYLE</a></li>
  <div class="input-group custom-search-form">
              <input type="text" class="form-control">
              <span class="input-group-btn">
              <button class="btn btn-default" type="button">
              <span class="glyphicon glyphicon-search"></span>
             </button>
             </span>
             </div>



          </ul> -->

    </div>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

当我看到在移动它没有显示切换和下拉不工作任何帮助将不胜感激

将导航栏放入div.container中

然后，您需要使用切换按钮处理正确的数据目标。在你的例子中，它应该是.navbar collapse，而不是你的例子中根本不存在的navbar，据我所知，在你注释掉的代码中有一个； 切换导航 ****

这个很好用

<nav class="navbar navbar-default" role="navigation">
   <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" 
         data-target="#example-navbar-collapse">
         <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="#">NEWS</a>
   </div>
   <div class="collapse navbar-collapse" id="example-navbar-collapse">
      <ul class="nav navbar-nav">
         <li class="active"><a href="#">HOME</a></li>
           <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
               NEWS <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
               <li><a href="#">MOVIE NEWS</a></li>
               <li><a href="#">Other NEWS</a></li>

           </ul>
         </li>

         <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
               REVIEWS <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
               <li><a href="#">MOVIE REVIEWS</a></li>
               <li><a href="#">AUDIO REVIEWS</a></li>

           </ul>
         </li>

         <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
               VIDEOS <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
               <li><a href="#">TRAILERS </a></li>
                <li><a href="#">POPULAR VIDEOS </a></li>
               <li><a href="#">Audio launch in US is a bad idea </a></li>
               <li><a href="#">SHORTS </a></li>
                <li><a href="#">OTHERS </a></li>

           </ul>
         </li>
           <li><a href="#about">INTERVIEWS</a></li>
            <li><a href="#contact">KIDS</a></li>
      </ul>
   </div>

</nav>

---

你参考了jQuery吗？请看这个例子。。。。这是真的；是的，我明白了，但在那个开关不起作用