<分区>
我希望通过“Cover”Bootstrap 4 模板将我的导航栏居中。 当前代码如下。
<div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">
<div class="inner">
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="#">Home</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Contact</a>
</nav>
</div>
</header>
最佳答案
将 mr-auto, ml-auto 添加到 .masthead
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto mr-auto ml-auto">
<div class="inner">
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="#">Home</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Contact</a>
</nav>
</div>
</header>
</div>关于html - 居中 Navbar Bootstrap 4，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53943385/