爲什麼我的引導程序導航欄無法在手機上使用？

我使用的是創業板自舉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

爲什麼我的引導程序導航欄無法在手機上使用？

回答

相關問題