title: Bootstrap dropdown at footer?
body: <p>I have issues with bootstrap dropdown in footer menu?</p>
  
  <p>Here is example what am I talking about?</p>
  
  <p><a href="http://www.bootply.com/129846" rel="nofollow">http://www.bootply.com/129846</a></p>
  
  <p>Try to click on dropdown in footer, see what will happen, it will go under the page, and new scroll will appear?</p>
  
  <p>Try to add dropdown to footer of page</p>
  
  <pre><code>&lt;div id="footer"&gt;
    &lt;div class="container"&gt;
       &lt;li class="dropdown"&gt;
                  &lt;a href="#" data-toggle="dropdown" role="button" id="drop5" class="dropdown-toggle"&gt;Dropdown 2 &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul aria-labelledby="drop5" role="menu" class="dropdown-menu" id="menu2"&gt;
                    &lt;li role="presentation"&gt;&lt;a href="#" tabindex="-1" role="menuitem"&gt;Action&lt;/a&gt;&lt;/li&gt;
                    &lt;li role="presentation"&gt;&lt;a href="#" tabindex="-1" role="menuitem"&gt;Another action&lt;/a&gt;&lt;/li&gt;
                    &lt;li role="presentation"&gt;&lt;a href="#" tabindex="-1" role="menuitem"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                    &lt;li class="divider" role="presentation"&gt;&lt;/li&gt;
                    &lt;li role="presentation"&gt;&lt;a href="#" tabindex="-1" role="menuitem"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/li&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>