2017-03-10 9 views
0

における垂直センターフォント恐ろしいアイコン私はそうのようなナビゲーションバーがある場合:ナビゲーションバー

<nav class="navbar navbar-fixed-top navbar-default"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <i class="fa fa-plane fa-3x navbar-text" aria-hidden="true" style="margin-bottom: 1.5%;"></i><strong class="navbar-brand">Test Site</strong> 
     </div> 
    </div> 
    </nav> 

を平面がナビゲーションバーの中央にされていない、ましてやそれが横にあるテキストに対して中心。私はインラインマージンを試しましたが、それはそれを動かすようには見えません。

どうすればいいですか?

ここにはbootplyがあります。

答えて

1

あなたは私の質問が誤解だった場合、私は申し訳ないが、私はにアイコンを置くために見ているわけではない

.fa.navbar-text { 
    margin-top: 7px; 
    margin-bottom: 7px; 
    } 

http://www.bootply.com/cIt2OwPoaG

+0

...ちょうどフォントのためのy軸の余白を調整してくださいすることができます私のnavbarの中心、むしろちょうどnavbarの底のそれを動かしなさい。それは私が中心によって意味したものである。 –

+0

ええ、タイトルに「NavbarのCenter Font Awesome Icon」と書かれているので、間違いがあります。あなたは垂直中心を意味し、水平中心を意味しないのですか? – ZimSystem

+0

あります。もう一度、申し訳ありませんが、私は編集します –

関連する問題