title: Twitter bootstrap buttons appearing on hover over the table row
body: <p>I have a twitter bootstrap table with a button group in the last cell of each row.</p>
  
  <p><img src="https://i.stack.imgur.com/9kUkb.png" alt="button group in a table cell"></p>
  
  <p>I want these buttons appear only when user hovers over the row. Also, when user hovers over the row (not over the button group itself) only icons should appear, and when he then hovers over the button group icons should be displayed like buttons.</p>
  
  <p><img src="https://i.stack.imgur.com/PmOcu.png" alt="enter image description here"></p>
  
  <p>Here is a fiddle with <code>html</code> layout I use <a href="http://jsfiddle.net/hDafj/" rel="noreferrer">http://jsfiddle.net/hDafj/</a></p>
  
  <p>And this is what I tried to do already <a href="http://jsfiddle.net/hDafj/2" rel="noreferrer">http://jsfiddle.net/hDafj/2</a></p>