使用Twitter Bootstrap修复Navbar内容时居中?

SNa*_*aRe 3 css twitter centering twitter-bootstrap

我试图将"内容"集中在导航栏上.当它是"navbar-fixed-top"时,UL菜单居中.但是,由于我不想将菜单修复到顶部,我删除了该类,但现在菜单没有居中.它漂浮在左侧.它应该与容器的边距对齐.与http://twitter.github.com/bootstrap/scaffolding.html类似,但我不希望它被修复到顶部.

在此输入图像描述

这是代码

        <div class="navbar ">
            <div class="navbar-inner">
                <div class="container" >
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">Project name</a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            <li class="active"><a href="#">Home</a></li>
                            <li><a href="#about">About</a></li>
                            <li><a href="#contact">Contact</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
Run Code Online (Sandbox Code Playgroud)

jua*_*cks 6

使用navbar-static-top.

如果它不起作用,请查看最新的bootstrap版本.