Bootstrap 导航栏和字体真棒问题答案

【问题标题】：Bootstrap nav bar and font awesome issueBootstrap 导航栏和字体真棒问题
【发布时间】：2016-04-06 22:08:54
【问题描述】：

我想在导航栏引导程序中添加很棒的字体，但它显示出这种问题

我的问题是我想用户更大的图标大小，但它不是居中对齐

我可以通过给图标提供绝对位置和给文本额外的左边距来解决这个问题。但是有什么合适的解决办法吗

【问题讨论】：

【解决方案1】：

将vertical-align: middle;添加到图标类：

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

查看更新的DEMO

【讨论】：

【解决方案2】：

只需在您的 html 中替换以下行

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

fa fa-plus fa-*改变图标大小，但在你的情况下不需要使用。

【讨论】：

【解决方案3】：

使用这个

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

你使用 class="fa fa-plus fa-2x" 类，为什么这个显示更大。

【讨论】：