Bootstrap 4导航栏使用超过100％的宽度

Question

我的bootstrap 4导航栏出了问题。

      <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
  <container class="container">
    <a class="navbar-brand js-scroll-trigger" href="#top">MOEINICH</a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fa fa-bars fa-2x"></i>
    </button>
    <container class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link js-scroll-trigger" href="#about">about</a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scroll-trigger" href="#portfolio">portfolio</a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scroll-trigger" href="#contact">contact</a>
        </li>
      </ul>
    </container>
  </container>
</nav>

和css： https://pastebin.com/2D5HVmVy（出于某种原因，我无法将其粘贴到代码标记中）