在 Bootstrap 4 中,它被定义为:<nav class="navbar ...
导航栏占据屏幕的整个宽度以及元素。如果我们定义<nav>
内部 a div="container"
,引导程序会为其提供侧边距。
我希望我的菜单占据定义的内容,div="container"
但该栏<nav>
占据了屏幕的整个宽度。
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav text-center">
<a class="nav-item nav-link" href="#">Inicio</a>
<a class="nav-item nav-link" href="#">Servicios</a>
<a class="nav-item nav-link" href="#">Contacto</a>
</div>
</div>
</nav>
你只需要在
div.container
你的结构中添加nav
,这样你的按钮就会在你想要的宽度而不影响背景。