title: How to display an action list on hover using bootstrap?
body: <p>I have a html page like  <a href="https://jsfiddle.net/y2ee6fsc/" rel="nofollow noreferrer">this</a> and when I hover the volume button which located on the right, the div box which contains the Upload and Delete function should be displayed beside with the volume icon. What I expect is when I hover the volume icon, the Upload, Delete and volume icon should be displayed in the same line, like picture below <a href="https://i.stack.imgur.com/IT59B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IT59B.png" alt="enter image description here"></a><br>
  and grey panel will not be overflowed out of the box.<code></code></p>
  
  <p>Does anyone have an idea how to set again the stylesheet to show this situation ?</p>