帶側邊欄的引導程序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流體佈局可防止垂直滾動

回答

相關問題