为什么我的引导程序导航栏无法在手机上使用？

我使用的是创业板自举Sass的轨道，“〜> 3.3.6”，这是我的html：为什么我的引导程序导航栏无法在手机上使用？

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigationbar"> 
     <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 brand-name" href="#">Brand<br><p>MUSIC FESTIVAL</p></a> 
    </div> 
    <div class="collapse navbar-collapse" id="navigationbar"> 
     <ul class="nav navbar-nav"> 
     <li><a class="sections" href="#">LINE-UP</a></li> 
     <li><a class="sections" href="#">BOLETOS</a></li> 
     <li><a class="sections" href="#">FAQ'S</a></li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a id="date-festival">test</a>/li> 
     </ul> 
    </div> 
    </div> 
</nav>`

问题是，当我访问我的网页在手机上导航栏仍是桌面版本。 ps：我已经有了jquery之后的引导程序。

来源

2016-09-19 imjustaguy

你添加中继检视区标记'' – Alex

@Alex谢谢！这行得通。 – imjustaguy

好，没问题。请记住在为移动设备工作时使用Meta Viewport。 – Alex

你应该添加在头部分meta标签：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

来源

2016-09-19 21:04:56 praguan

为什么我的引导程序导航栏无法在手机上使用？

回答

相关问题