Question

我正在将我的项目从Bootstrap 2.3.2迁移到Bootstrap 3。

我无法将导航栏链接置于中心之前。我以前使用过此方法：Center bootstrap's brand and list items但不适用于我的新导航栏。

以下链接是使用bootstraps示例之一的jsfiddle direclty（使用粘性页脚和导航栏）

有人可以帮我把这些链接集中在一起吗？

HTML

<div class="navbar navbar-default navbar-fixed-top center">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

            </button>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="#about">About</a>
                </li>
                <li><a href="#services">Services & Promos</a>
                </li>
                <li><a href="#contact">Contact</a>
                </li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>

CSS

 .navbar-default > .container { text-align: center }

谢谢！

Answer 1

请参阅此site，在此处粘贴您的bootstrap 2.3.2代码，然后点击显示2.x>3的按钮。

这会自动将您的代码迁移到3.0。

OR

请参阅this，获取有关迁移的引导文档。

希望这有帮助。

Bootstrap 3.0 Navbar Center

1 个答案: