Bootstrap：如何在媒體列表上放置一個滾動條

我正在嘗試容器流體，我無法獲得垂直分隔上的滾動條。（我想放置該div內的滾動列表）Bootstrap：如何在媒體列表上放置一個滾動條

的jsfiddle結果：http://jsfiddle.net/wMHGQ/3/embedded/result/

我想媒體名單是滾動

的jsfiddle編輯：http://jsfiddle.net/wMHGQ/3/

有一個內置的類來做到這一點？感謝

代碼

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div id="main_part" class="span9 main_part"></div> 
     <div id="my_list" class="span3 pull-right"> 
     <ul class="media-list"> 
      <li class="media"> 
       <a class="pull-left" href="#"> 
        <img class="media-object" src="http://placehold.it/64x64"> 
       </a> 
       <div class="media-body"> 
        <h4 class="media-heading">Media heading</h4> 
        <p>Cras sit amet nibh libero, in gravida nulla.</p> 
       </div> 
       </li> 
      <li class="media"> 
       <a class="pull-left" href="#"> 
        <img class="media-object" src="http://placehold.it/64x64"> 
       </a> 
       <div class="media-body"> 
        <h4 class="media-heading">Media heading</h4> 
        Cras sit amet nibh libero, in gravida nulla.</div> 
      </li> 
      ... scrollable for more requests .. 

      </ul> 
      </div> 
     </div> 
    </div>

來源

2012-11-01 sunny

一個特定的高度設置到div，然後設置溢出：汽車在你的CSS。如果你的內容不適合你的div，那麼會出現一個滾動條。

來源

2012-11-01 02:58:43 slash28cu

我想中間內容跨越中間區域，因此不想設置特定的高度。 side-content（媒體列表）將與.main_part的高度相同。我該怎麼做？ – sunny

問題是，當您具有特定高度並且內容不適合它時，會顯示滾動條。但是，如果您不指定高度值，則在添加新內容時，您的div將開始垂直增長。 – slash28cu

謝謝..但有什麼是一個好的建議，有一種動態高度設置，使外觀和感覺是一致的，不固定..？ – sunny

您可以爲媒體UI設置最大高度並溢出：自動。

來源

2014-05-31 13:19:04 manukyanv07

Bootstrap：如何在媒體列表上放置一個滾動條

回答

相關問題