jquery - Bootstrap 4 里元素全宽

Question

我的导航栏元素没有使用完整的空间。这是为什么？我正在使用 Bootstrap 4。

<nav class="navbar">
    <div>
        <ul class="nav navbar-nav">
            <li id="navigation__name nav-item" class="col-md-3">Forum</li>
            <li class="col-md-3">Home</li>
            <li class="col-md-2">Registreer</li>
            <li class="col-md-2"><a [routerLink]="['/login']">Login</a></li>
            <li class="col-md-2"><a href="http://www.home.nl">Naar Home</a></li>
        </ul>
    </div>
</nav>


li
  background #3c3e42
  color white
  padding 0px

例子:

这里有什么问题吗？

Answer 1

navbar也有填充。阅读 BS4 docs .

你应该可以使用..

<nav class="navbar navbar-full navbar-dark bg-inverse">

http://codeply.com/go/M6IvbqTa1d