用于手风琴内物品的弹出装置（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;
}