居中導航欄 - 垂直

Question

有人可以幫助我集中我的導航欄，使其垂直居中在頁面上？

我希望導航欄中央的鏈接位於頂部的標題中，而不是像現在一樣向左浮動。

在此先感謝

<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> 

Answer 1

嘗試用導航欄類移動與容器類的DIV在DIV

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