手机上的bootstrap css navbar不显示

Question

我想在移动版本的页面上显示徽标和按钮。我目前使用的引导导航栏：

 <div class="navbar-header"> 
      <a class="navbar-brand" href="#first" > 
       <img src="assets/logotech500px.png" alt="" style="width:20px;height:20px;"> 
      </a> 
     </div> 
     <div class="navbar-collapse collapse" id="bs-navbar"> 
      <ul class="nav navbar-nav"> 
       <li> 
        <a class="page-scroll" class="active" href="#first">Home</a> 
       </li> 
       <li> 
        <a class="page-scroll" href="#one">About</a> 
       </li> 
      </ul> 
     </div> 

用下面的代码导航栏头里面只有标志显示在手机没有按键，主页，关于等我在桌面上的任何问题。

Answer 1

第一：基于您的HTML你没有

<nav class="navbar navbar-default"> 
</nav> 

应该

<nav class="navbar navbar-default"> 
    <div class="navbar-header"> 
    <a class="navbar-brand" href="#first"> 
     <img src="assets/logotech500px.png" alt="" style="width:20px;height:20px;"> 
    </a> 
    <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> 

    </div> 
    <div class="navbar-collapse collapse" id="bs-navbar"> 
    <ul class="nav navbar-nav"> 
     <li> 
     <a class="page-scroll" class="active" href="#first">Home</a> 
     </li> 
     <li> 
     <a class="page-scroll" href="#one">About</a> 
     </li> 
    </ul> 
    </div> 
</nav> 

二：引导隐藏在移动导航栏崩溃，但你可以用一个按钮切换它..

甲fiddle而不按钮..

甲fiddle与按钮..

Answer 2

尝试删除类navbar折叠崩溃和id bs-navbar。这些类与引导程序库相关，当视口检测到给定的屏幕宽度（移动设备）时，会使菜单变得混乱。通过删除这些类，即使在移动设备中，按钮也会始终显示。