Bootstrap Navigationsleiste und Schrift ehrfürchtige Ausgabe

Question

ich in nav-Bar genial Schrift wollen Bootstrap hinzufügen, aber es zeigt, diese Art von Problem

Mein Problem ist, ich möchte Benutzer größere Symbolgröße, aber es ist nicht zentriert ausrichten

Ich kann es lösen, indem ich absolute Position dem Symbol und zusätzlichem linken Rand zum Text gebe. Aber gibt es eine passende Lösung für dieses dieses

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

Answer 1

vertical-align: middle; zu Symbol Klasse hinzufügen:

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

Siehe aktualisiert DEMO

Answer 2

Verwenden

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

Sie verwenden class="fa fa-plus fa-2x" Klasse, warum diese größer anzuzeigen.

Answer 3

Gerade unterhalb der Linie in Ihrem HTML keine Notwendigkeit zu verwenden

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

fa fa-plus fa-* Änderung der Symbolgröße, aber in Ihrem Fall ersetzen.