ブートストラップのナビゲーションバーとフォント素晴らしい問題

Question

私の問題は、私は、ユーザーに大きなアイコンサイズにしたいですが、それは私がナビゲーションバーのブートストラップでフォント素晴らしいを追加したいが、それは問題

のこの種を示しますセンターアライメントを行わない

アイコンに絶対位置を与え、テキストに余分な余白を与えることで解決できます。 しかし、この

Demo: http://www.bootply.com/MgKvoq91WI

Answer 1

アイコンクラスにvertical-align: middle;を追加します。

.fa-2x{ 
    vertical-align: middle; 
} 

が更新DEMO

Answer 2

使用あなたはなぜ、これが大きな示すことclass="fa fa-plus fa-2x"クラスを使用して、この

<li class="active"><a href="#"><i class="fa fa-plus"></i> <b>Create New</b></a></li> 

のための任意の適切な解決策があります。

Answer 3

ちょうどあなたのhtmlに線の下に

<li class="active"><a href="#"><i class="fa fa-plus"></i> <b>Create New</b></a></li> 

fa fa-plus fa-*アイコンサイズの変更が、使用するには、あなたの場合は不要を交換してください。