title: Bootstrap independent scrolling for 3 column design
body: <p>I have 3 column design similar to answers.yahoo.com and i need to add similar scrolling feature which i tried but it is not working for some reason</p>
  
  <p>Fiddle: <a href="http://fiddle.jshell.net/DTcHh/5821/" rel="nofollow">fiddle.jshell.net/DTcHh/5821/</a></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-8 col-md-push-2" style="padding:0 5px!important;"&gt;
              &lt;div class="c-scroll" style="background-color:#333; width:100%; min-height:200px; margin-bottom:10px;"&gt;
                  &lt;p&gt;This is category bar&lt;/p&gt;
                   &lt;p&gt;Question 1&lt;/p&gt;
                   &lt;p&gt;Question 2&lt;/p&gt;
                   &lt;p&gt;Question 3&lt;/p&gt;
                   &lt;p&gt;Question 4&lt;/p&gt;
                   &lt;p&gt;Question 5&lt;/p&gt;
                   &lt;p&gt;Question 6&lt;/p&gt;
                   &lt;p&gt;Question 7&lt;/p&gt;
                   &lt;p&gt;Question 8&lt;/p&gt;
                   &lt;p&gt;Question 9&lt;/p&gt;
                   &lt;p&gt;Question 10&lt;/p&gt;
                   &lt;p&gt;Question 11&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-2 col-md-pull-8" style="height:auto; padding:0 5px!important;"&gt;
              &lt;div style="background-color:#333; width:100%; min-height:200px; margin-bottom:10px;"&gt;
                  &lt;p&gt;Featured Question&lt;/p&gt;
              &lt;/div&gt;
              &lt;div style="background-color:#333;width:100%; min-height:200px; margin-bottom:10px;"&gt;
                  &lt;p&gt;Top Question&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-2" style="min-height:200px; padding:0 5px!important;"&gt;
              &lt;div style="background-color:#333; width:100%; min-height:200px; margin-bottom:10px;"&gt;
                  &lt;p&gt;right column&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>