title: Bootstrap : how to place a scrollbar on a media-list
body: <p>I am trying out the container-fluid
  and am unable to get a scrollbar on the vertical divide.
  ( i would like to place a scrollable list within that div)</p>
  
  <p>jsfiddle result : <a href="http://jsfiddle.net/wMHGQ/3/embedded/result/" rel="nofollow">http://jsfiddle.net/wMHGQ/3/embedded/result/</a></p>
  
  <p>I would like the media-list to be scrollable</p>
  
  <p>jsfiddle edit : <a href="http://jsfiddle.net/wMHGQ/3/" rel="nofollow">http://jsfiddle.net/wMHGQ/3/</a></p>
  
  <p>is there a built in class to do this ? 
  Thanks</p>
  
  <p>code</p>
  
  <pre><code> &lt;div class="container-fluid"&gt;
       &lt;div class="row-fluid"&gt;
          &lt;div id="main_part" class="span9 main_part"&gt;&lt;/div&gt;
          &lt;div id="my_list" class="span3 pull-right"&gt;
          &lt;ul class="media-list"&gt;
              &lt;li class="media"&gt;
                  &lt;a class="pull-left" href="#"&gt;
                    &lt;img class="media-object" src="http://placehold.it/64x64"&gt;
                  &lt;/a&gt;
                  &lt;div class="media-body"&gt;
                    &lt;h4 class="media-heading"&gt;Media heading&lt;/h4&gt;
                    &lt;p&gt;Cras sit amet nibh libero, in gravida nulla.&lt;/p&gt;
                 &lt;/div&gt;
                &lt;/li&gt;
              &lt;li class="media"&gt;
                  &lt;a class="pull-left" href="#"&gt;
                    &lt;img class="media-object" src="http://placehold.it/64x64"&gt;
                  &lt;/a&gt;
                  &lt;div class="media-body"&gt;
                    &lt;h4 class="media-heading"&gt;Media heading&lt;/h4&gt;
                    Cras sit amet nibh libero, in gravida nulla.&lt;/div&gt;
              &lt;/li&gt;
              ... scrollable for more requests ..
  
              &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>