Question

之前我的bootstrap 4导航栏非常完美，我似乎把它弄乱了，却没有意识到如何。

在所有链接在页面上均匀分布之前，但现在它们全部被推到左侧。其他人可以看到我可能已经更改的内容吗？

 <nav class="navbar navbar-expand-lg fixed-bottom navbar-dark bg-dark">

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03"
            aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">

            <span class="navbar-toggler-icon"></span>
        </button>


        <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
            <div class="navbar-nav text-center">
                <p></p>
                <a class="nav-item nav-link" href="#">About</a>
                <a class="nav-item nav-link" href="#">Skills</a>
                <a class="nav-item nav-link" href="#">Portfolio</a>
                <a class="nav-item nav-link" href="#">Blog</a>
                <a class="nav-item nav-link" href="#">Contact</a>
                <p></p>
            </div>
        </div>

    </nav>

谢谢

Answer 1

在您第一次导航的样式中，添加

display: block; margin: 0 auto;

，这应该使所有内容居中。希望能有所帮助！

Answer 2

通过将justify-content-center放入nav类来解决。以前没有这个，但是不确定是什么变化。

我的导航栏的内容居中，但现在不是

2 个答案: