Bootstrap 4 li项目全宽

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