Bootstrap中心导航栏 [英] Bootstrap center navbar

问题描述

我试图集中我的导航栏没有运气..任何人在这里知道如何居中？

im trying to center my navbar with no luck at all.. Anyone here knows how to center it?

以下是我的代码：

Here's my code:

            <nav class=" navbar navbar-default" role="navigation">
                <ul class="nav navbar-nav">
                    <li><a href="#">HEM</a></li>
                    <li><a href="#">OM</a></li>
                    <li><a href="#">VAD ÄR VI?</a></li>
                    <li><a href="#">TJÄNSTER</a></li>
                    <li><a href="#">VARFÖR?</a></li>
                    <li><a href="#">KONTAKT</a></li>
                </ul>

我无法找到bootstrap.css中的行，但是如果您确实需要css doc中的代码，我试图找到它。

I cant find the rows in bootstrap.css, but if you really need the code from the css doc, i try to find it.

推荐答案

这一个工程： - DEMO

This one works :- DEMO

<div class="text-center">
     <nav class=" navbar navbar-default" role="navigation">
                <ul class="nav navbar-nav">
                    <li><a href="#">HEM</a></li>
                    <li><a href="#">OM</a></li>
                    <li><a href="#">VAD ÄR VI?</a></li>
                    <li><a href="#">TJÄNSTER</a></li>
                    <li><a href="#">VARFÖR?</a></li>
                    <li><a href="#">KONTAKT</a></li>
                </ul>
       </nav>
</div>

CSS

.navbar .nav, .navbar .nav > li {
    float:none;
    display:inline-block;    
}

这篇关于Bootstrap中心导航栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！