title: Do not change CSS when hover over bootstrap button
body: <p>I am using a <code>btn-group</code> like this: <a href="http://jsfiddle.net/dy9uH/34/" rel="nofollow">http://jsfiddle.net/dy9uH/34/</a></p>
  
  <p>I don't want my users to think the button to the left is click-able but don't like how the button looks when I add the <code>disabled</code> class. How can I make sure nothing happens when a user hovers over the left button? I'd prefer not to edit bootstrap.css because I have other buttons that utilize the <code>.btn-group</code> class that I need functioning as usual.</p>