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

前端之家收集整理的这篇文章主要介绍了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;
}

猜你在找的CSS相关文章