Bootstrap 4：保持固定导航栏保持在父容器流体中

Question

在提供的示例中，固定导航栏与包装器周围的跨度重叠。是否有可能只跨越内容包装器/容器流体？无法找到一个有效的例子。

<div id="wrapper">
  <div id="sidebar-wrapper">
   ...
  </div>

  <div id="page-content-wrapper">
    <div class="container-fluid">
      <nav class="navbar fixed-top navbar-light bg-light">
        <a class="navbar-brand" href="#">Fixed top</a>
      </nav>
      ...
    </div>
  </div>
</div>