title: Remove hover state from the menu icon on bootstrap nav dropdown menu
body: <p>I've created nav menu with Bootstrap v3.0.0 and I want to make it collapse when display resolution less than some value. Everuthing is ok, except for one thing - after click on collapsed menu button, button remains in the <code>hover</code> state. 
  Here my html for button:</p>
  
  <pre><code>&lt;nav class="navbar navbar-default header_st" role="navigation"&gt;
        &lt;div class="navbar-header"&gt;
             &lt;button type="button" id="toggle_footer_dropdown" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse_footer"&gt;
                 &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                 &lt;span class="icon-bar"&gt;&lt;/span&gt;
                 &lt;span class="icon-bar"&gt;&lt;/span&gt;
                 &lt;span class="icon-bar"&gt;&lt;/span&gt;
             &lt;/button&gt;
             &lt;span class="navbar-brand" id="about_footer_links"&gt;
               &lt;i&gt;Show links&lt;/i&gt;
             &lt;/span&gt;
       &lt;/div&gt;
  ...
  
  &lt;/nav&gt;
  </code></pre>
  
  <p>How can I reset hover state for this button?</p>