title: Bootstrap dropdown menu show on hover
body: <p>How can i change the dropdown menu to open on hover?</p>
  
  <pre><code>&lt;div class="tab-content"&gt;
    &lt;div class="tab-pane fade in active" id="Eventos"&gt;
      &lt;div class="col-md-12"&gt;
        &lt;p&gt;
        &lt;div class="btn-group"&gt;
          &lt;button type="button" class="btn btn-warning dropdown-toggle btn-xs" data-toggle="dropdown"&gt;&lt;/button&gt;
          &lt;ul class="dropdown-menu" role="menu"&gt;
            &lt;li&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Found this:</p>
  
  <pre><code>ul.nav li.dropdown:hover &gt; ul.dropdown-menu{
  display: block;   
  }
  </code></pre>
  
  <p>But isn't working in this case (tabs?)</p>
  
  <p>Thanks</p>