moblie大小Bootstrap導航菜單項全寬無法正常工作？

我有導航欄菜單在所有屏幕上都能正常工作，除非移動到其移動項目時沒有全寬。 [在這裏輸入的形象描述] [1]moblie大小Bootstrap導航菜單項全寬無法正常工作？

以下是圖像：[1]：http://i.stack.imgur.com/0cvWo.png

<nav id="navigationSec" class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navCollapse"> 
    <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
    </button> 

    <a href="#top" class="navbar-brand">waterbrain</a> 
    </div > 
    <div id="navCollapse" class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav pull-right text-center "> 
     <li><a href="#aboutSec">Me</a><li> 
     <li><a href="#portfolioSec">Portfolio</a><li> 
     <li><a href="#skillSec">Skills</a><li> 
     <li><a href="#contactSec">Contact</a><li> 
     </ul> 
    </div> 
    </div> 
</nav>

來源

2016-09-25 waterbrain

您嘗試設置與DIV> ul> li>系統> –

我們需要的大小CSS太 – nanilab

使用navbar-right而不是pull-right。

試試這個

HTML：

<ul class="nav navbar-nav navbar-right text-center "> 
    <li><a href="#aboutSec">Me</a><li> 
    <li><a href="#portfolioSec">Portfolio</a><li> 
    <li><a href="#skillSec">Skills</a><li> 
    <li><a href="#contactSec">Contact</a><li> 
</ul>

來源

2016-09-25 14:42:01

謝謝你爲我工作。 – waterbrain

必須補充的是，響應視圖

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

來源

2016-09-25 14:42:31

moblie大小Bootstrap導航菜單項全寬無法正常工作？

回答

相關問題