手风琴中项目的弹出框 (Bootstrap)

Question

我正在使用 bootstrap 3，我正在尝试为手风琴中的某些项目创建弹出窗口。我可以创建一个弹出窗口，但它没有显示在正确的位置？ 如何在悬停项旁边显示弹出框？

我的代码在这里：Bootply

 $('#tst1').popover({
        trigger: 'hover',
        title: 'my title',
        animation: true,
        content: '<p>Some text</p>',
        html: true,
        placement: 'bottom'
    });

Answer 1

这与手风琴无关。您应用 popover a.machineStateLink 的元素没有维度。只需将它们制作成内联块或其他东西即可。

.machineStateLink{
   display:inline-block;
}