如何使用bootstrap在悬停时显示操作列表？

Question

我有一个像这样的html页面 ,当我将鼠标悬停在右侧的音量按钮时,包含上传和删除功能的div框应显示在音量图标旁边.我期待的是当我将鼠标悬停在音量图标上时,上传,删除和音量图标应显示在同一行中,如下图所示
并且灰色面板不会溢出开箱即用.

有没有人知道如何再次设置样式表来显示这种情况？

Answer 1

在他们查看时进行.prompt-audio-control显示而不是为了彼此相邻:inline-blockhoverinline

.prompt-audio:hover .prompt-audio-control {
  display: inline-block;
}