2016-09-28 148 views
0

有人可以帮助我集中我的导航栏,使其垂直居中在页面上?居中导航栏 - 垂直

我希望导航栏中央的链接位于顶部的标题中,而不是像现在一样向左浮动。

在此先感谢

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
     <button aria-controls="navbar" aria-expanded="false" class= 
     "navbar-toggle collapsed" data-target="#navbar" data-toggle="collapse" 
     type="button"><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" href= 
     "#"></a> 
     </div> 


     <div class="collapse navbar-collapse" id="navbar"> 
     <ul class="nav navbar-nav"> 
      <li class="active"> 
      <a href="#header-container"><strong>HOME</strong></a> 
      </li> 


      <li> 
      <a href="#meetthebandcontainer"><strong>MEET THE BAND</strong></a> 
      </li> 


      <li> 
      <a href="#photocontainer"><strong>PHOTOS</strong></a> 
      </li> 


      <li> 
      <a href="#videocontainer"><strong>VIDEOS</strong></a> 
      </li> 


      <li> 
      <a href="#getintouchcontainer"><strong>GET IN TOUCH</strong></a> 
      </li> 
     </ul> 
     </div> 
     <!--/.nav-collapse --> 
    </div> 
    </nav> 

回答

1

尝试用导航栏类移动与容器类的DIV在DIV

<div class="container"> 
<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-header">