2016-09-28 16 views
0

誰かが私のnavbarをセンタリングするのを助けることができるので、それはページの垂直方向の中心ですか?センタリングNavbar - 垂直

私は上部の私のヘッダーにnavbarのリンクを中央に浮かせていないようにしたいと思います。

<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"> 
関連する問題