title: Bootstrap 3 sub dropdown menu opened unnecessary
body: <p>I'm trying to make a menu with submenu but when I hover the menu, submenu is opened itself. Here is my site where I try to make sub menu <a href="http://ilkereksioglu.com/" rel="nofollow">http://ilkereksioglu.com/</a></p>
  
  <p>And my HTML:</p>
  
  <pre><code>&lt;li class="dropdown"&gt;
    &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown2 &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
    &lt;ul class="dropdown-menu"&gt;
        &lt;li class="kopie"&gt;&lt;a href="#"&gt;Dropdown2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Dropdown2 Link 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Dropdown2 Link 2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Dropdown2 Link 3&lt;/a&gt;&lt;/li&gt;
  
        &lt;li class="dropdown dropdown-submenu"&gt;&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown2 Link 4&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
            &lt;li class="kopie"&gt;&lt;a href="#"&gt;Dropdown2 Link 4&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Dropdown2 Submenu Link 4.1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Dropdown2 Submenu Link 4.2&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Dropdown2 Submenu Link 4.3&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Dropdown2 Submenu Link 4.4&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>