Bootstrap导航栏和字体很棒的问题

时间:2016-04-06 04:58:26

标签: twitter-bootstrap-3 font-awesome

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

enter image description here

我的问题是我想用更大的图标大小,但它不是中心对齐

我可以通过给图标提供绝对位置和向文本添加额外的左边距来解决它。 但是否有适当的解决方案

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

3 个答案:

答案 0 :(得分:1)

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

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

查看更新的DEMO

答案 1 :(得分:0)

只需在html

中替换以下行
<li class="active"><a href="#"><i class="fa fa-plus"></i> <b>Create New</b></a></li>

fa fa-plus fa-*更改图标大小,但在您的情况下无需使用。

答案 2 :(得分:-1)

使用此

public class CallRecordService extends Service {
    final SharedPreferences mSharedPreference= PreferenceManager.getDefaultSharedPreferences(getApplicationContext());
    @Override
    public void onCreate() {
        serverURL =(mSharedPreference.getString("autoSave", ""));
    }
}

你使用<li class="active"><a href="#"><i class="fa fa-plus"></i> <b>Create New</b></a></li> 课程来解释为什么这个更大。