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导航菜单项全宽无法正常工作？

回答

相关问题