css – 导航栏中心的Twitter Bootstrap 3.0徽标

我想将我的徽标放在导航栏中,我可以使用或者我应该在导航栏中使用网格布局还是我应该做其他事情：

<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
        <div class="navbar-header">
                            <!-- I want this at the center of navbar -->
            <a class="navbar-brand" href="#"><img src="logo.png"/></a>
        </div>
</div>

解决方法

这有几次被问过,比如 here.

我已经设置了一个类似于您提供的HTML的jsfiddle,使用您的Gravatar,因为您的徽标不可用：http://jsfiddle.net/q68VS/

重要的CSS：

.nav-center {
    margin:0;
    float:none;
}

.navbar-inner{
    text-align:center;
}

原文地址：https://www.jb51.cc/css/217602.html