2014-02-08 107 views
0

你好,大家好我使用的引导(给出的最新版本),但导航已经瘫倒在移动view.Please可以在任何帮助我。 我的网站http://mywebsyt.net63.net/引导手机导航collpased

这里是我的html代码:

 <header class="navbar-inverse" role="banner"> 
    <div class=container> 
    <nav role="navigation"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs- example-navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     </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"> 
      <li> <a href="http://mywebsyt.net63.net/">Home</a> </li> 
        <?php 
        if (AuthUser::isLoggedIn(false)) 
        { 
         //logged in 
         echo '<li><a href="' . get_url('admin/') . '">' . __('Panel') . '</a></li> 
          <li><a href="' . get_url('login/logout/') . '">' . __('Log out') . '</a></li> 
          <li><a href="' . get_url('index/upload/') . '">' . __('Upload') . '</a></li>'; 
        } 
        else 
        { 
         echo '<li><a href="' . get_url('login/') . '">' . __('Login') . '</a></li> 
          <li><a href="' . get_url('index/upload/') . '">' . __('Upload') . '</a></li>'; 
        } 
        ?> 
     <li><a href="<?php echo get_url('h/') ?>"><?php echo __('Trending') ?></a></li> 
     <li><a href="<?php echo get_url('d/') ?>"><?php echo __('Popular') ?></a> 
     <li><a href="<?php echo get_url('r/') ?>"><?php echo __('Rated') ?></a> </li> 
     </ul> 
     <form class="navbar-form navbar-right" role="search"> 
     <div class="form-group"> 
      <input type="text" class="form-control" placeholder="Search"> 
     </div> 
     <button type="submit" class="btn btn-default">Submit</button> 
     </form> 

     </li> 
     </ul> 
    </div><!-- /.navbar-collapse --> 
    </div><!-- /.container-fluid --> 
</nav> 
</div> 
</header> 

在此先感谢

回答

0

你的代码看起来不错。我认为你应该尝试更新你的jQuery到最新版本。它太旧了v1.5它应该在v1.8以上,我认为。更新后尝试。

+0

谢谢你的回复。我是新来的这个领域。可以请你告诉我如何更新到最新的Jquery .. –

+0

只需下载jquery.com中的最新版本,并将其替换为你的jquery文件。 –

+0

你将你的头标记找到 “”。删除它并将其替换为 “” 或从下载 “”并替换您的js文件。 –