Bootstrap нав бар и шрифт удивительный вопрос

Question

Я хочу добавить шрифт удивительным в нав-бар бутстрапе но показывает такого рода проблемы

Моя проблема я хочу пользователя большего размера значка, но это не выравнивание по центру

Я могу решить эту проблему, предоставив абсолютное положение значку и добавочному левому краю для текста. Но есть ли правильное решение для этого

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

Answer 1

Добавить vertical-align: middle; в класс значок:

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

Смотрите обновленный DEMO

Answer 2

Используйте этот

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

class="fa fa-plus fa-2x" Вы можете использовать класс, что, почему это шоу больше.

Answer 3

Просто замените ниже линии в вашем HTML

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

fa fa-plus fa-* изменение размера значка, но в вашем случае нет необходимости в использовании.