Question

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)

jsfiddle result : http://jsfiddle.net/wMHGQ/3/embedded/result/

I would like the media-list to be scrollable

jsfiddle edit : http://jsfiddle.net/wMHGQ/3/

is there a built in class to do this ?
Thanks

code

 <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>

Answer 1

Set an specific height to the div and then set overflow : auto in your css. With this if your content doesn’t fit in your div then a scrollbar will appear.