title: Bootstrap page not scrollable
body: <p>I have a HTML page that has a list </p>
  
  <pre><code>&lt;div class="list-group content" id="feed_list" style="background-color:#EAEBED;padding:2%;"&gt;
    &lt;button type="button" class="list-group-item" onclick="storeValue('5264377385058304','0')"&gt;&lt;span&gt;NITK Alumni Book &lt;/span&gt;&lt;span style="float:right;"&gt;News Post&lt;br&gt;Posted on 2015-12-18&lt;/span&gt;&lt;/button&gt;
    &lt;button type="button" class="list-group-item" onclick="storeValue('5550988605784064','1')"&gt;&lt;span&gt;Power Talks&lt;/span&gt;&lt;span style="float:right;"&gt;Start Date : 18-12-2015&lt;br&gt;Start Time : 3:00 PM&lt;/span&gt;&lt;/button&gt;
    &lt;button type="button" class="list-group-item" onclick="storeValue('5303272608890880','1')"&gt;&lt;span&gt;Entrepreneurship Track&lt;/span&gt;&lt;span style="float:right;"&gt;Start Date : 19-12-2015&lt;br&gt;Start Time : 09:00 AM&lt;/span&gt;&lt;/button&gt;
    &lt;button type="button" class="list-group-item" onclick="storeValue('5311098710392832','1')"&gt;&lt;span&gt;Startups Track&lt;/span&gt;&lt;span style="float:right;"&gt;Start Date : 19-12-2015&lt;br&gt;Start Time : 11:15 AM&lt;/span&gt;&lt;/button&gt;
    &lt;button type="button" class="list-group-item" onclick="storeValue('6640800855228416','1')"&gt;&lt;span&gt;Skill India Track&lt;/span&gt;&lt;span style="float:right;"&gt;Start Date : 19-12-2015&lt;br&gt;Start Time : 11:15 AM&lt;/span&gt;&lt;/button&gt;
    &lt;button type="button" class="list-group-item" onclick="storeValue('6640800855228416','1')"&gt;&lt;span&gt;Skill India Track&lt;/span&gt;&lt;span style="float:right;"&gt;Start Date : 19-12-2015&lt;br&gt;Start Time : 11:15 AM&lt;/span&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, the page is not scrollable and one of the butons is hidden. How do I fix this?  The page and necessary files can be found <a href="http://1drv.ms/1S6Uc3g" rel="nofollow">here</a></p>