带侧边栏的引导程序3流体布局可防止垂直滚动

我试图设计一个带有引导程序3的页面，该引导程序具有左侧的主要信息，然后是右侧的小侧栏，其中附加的链接和图形与主要信息会去： http://www.bootply.com/ZLB46jDSnU 带侧边栏的引导程序3流体布局可防止垂直滚动

问题是，如果我使用容器液体的主体（55行），垂直滚动甚至消失了，虽然侧边栏需要it..If我改变容器液体的容器，一切很好地工作，但主体与我的边栏重叠。给我的印象流体布局是我想要的。

有人知道为什么这会干扰滚动吗？我采取了错误的方法有一个侧边栏divs独立的网页内容divs？

2016-03-09 Tiago

看到这个独立滚动列的例子：http://bootply.com/5l9bZ7ZOt6 – ZimSystem

@Skelly谢谢你的例子！随着一些调整，我已经完美地完成了这项工作。非常感谢。 – Tiago

得到它与Skelly的帮助！

<div id="page-content-wrapper"> 
    <div class="page-content"> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="col-sm-4" id="right"> 
         <div class="panel panel-default "> 
          <div class="panel-heading"> 
           <h3 class="panel-title">Shortcuts</h3> 
          </div> 
          <!--User details --> 
          <div class="panel-body"> 
           <li><a href="#/milestones">Milestones --»</a></li> 
           <li><a href="#/appversions">Versions --»</a></li> 
           <li><a href="#/reportcsv">CSV Report --»</a></li> 
          </div> 
         </div> 
       </div> 
       <div class="col-sm-8" id="left"> 
        <!--All apps --> 
        <div class="panel panel-default" ng-init=""> 
         <!-- Default panel contents --> 
         <div class="panel-heading clearfix"> 
          <b>Your Applications</b> 
         </div> 
         <div class="panel-body"> 
          <table-here></table-here> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

来源

2016-03-12 15:45:31 Tiago

带侧边栏的引导程序3流体布局可防止垂直滚动

回答

相关问题