navbar-fixed-top在父div中，全宽

Question

我的网页左侧有sidebar-nav，顶部有navbar-fixed-top。通过单击顶部导航栏上的按钮可以折叠侧边栏。顶部导航栏从侧边栏结束处开始。

那部分一切正常。不起作用的是我无法让顶部导航栏占据可用的全宽（不包括侧边栏）。换句话说，当侧边栏展开时，顶部导航栏需要占用所有剩余宽度。当侧杆折叠时，需要占据整个宽度。这就是我所拥有的：

<div id="wrapper">
  <div id="sidebar-wrapper">
    <ul class="sidebar-nav">
        <!--side bar menu items here-->
    </ul>
  </div>

  <div class="navbar-fixed-top" style="position:relative;">
    <div class="navbar" style="position:fixed;">
        <!--top navbar items here-->
        <!--button to collapse/hide sidebar also here-->
    </div>
  </div>

  <div class="container-fluid" id="page-content-wrapper">
    <div class="col-lg-12">
      <!--general page content here-->
    </div>
  </div>
</div>

我尝试将width:80%添加到导航栏，当侧边栏展开时可以正常工作，但是当您折叠侧边栏时，它仍然只占整个宽度的80％。当发生这种情况时，它应该扩大到100％。