title: Dropdown submenu on bootstrap is not working
body: <p>I just wanna ask why is it the dropdown submenu on bootstrap is not working, i just followed the instructions in this link: (<a href="http://getbootstrap.com/2.3.2/components.html" rel="nofollow">http://getbootstrap.com/2.3.2/components.html</a>) but still the dropdown sub menu on a submenu did not appear. By the way I did not change or override classes in the CSS.</p>
  
  <p>Here's my code! :)</p>
  
  <pre><code>&lt;li class='dropdown'&gt;&lt;a class='dropdown-toggle active' data-toggle='dropdown' href='#'&gt;&lt;img src = 'images/forbank.png' height = 35 width = 35&gt;Banking&lt;span class='caret'&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;ul class='dropdown-menu'&gt;
                      &lt;li class = 'dropdown-submenu'&gt;&lt;a tabindex='-1' href='#'&gt;&lt;span class = 'glyphicon glyphicon-cog'&gt; &lt;/span&gt;  Transaction&lt;/a&gt;
                          &lt;ul class='dropdown-menu' role = 'menu'&gt;
                              &lt;li&gt;&lt;a tabindex='-1' href='#'&gt; Withdrawal / Deposit &lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a tabindex='-1' href='#'&gt; Fixed Deposit &lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li role='separator' class='divider'&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href='#'&gt;&lt;span class='glyphicon glyphicon-list-alt'&gt; &lt;/span&gt; Summaries &lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href='#'&gt;&lt;span class='glyphicon glyphicon-wrench'&gt; &lt;/span&gt;  Settings &lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
  </code></pre>