Bootstrap 3 popover在“响应”模式下不起作用

Question

以下是我的jsFiddle的完整代码示例。

请注意，您可以将鼠标悬停在橙色道路图形上并正确显示我的弹出窗口？那么，当我将结果部分的宽度缩小到菜单垂直堆叠的位置，然后将鼠标悬停在弹出窗口上时，它不会呈现。对我而言，这意味着当用户从移动浏览器查看我的应用程序时，它不会呈现。

我想：

#fieldMode .popover { 
    min-width: 300px 
} 

#fieldMode .popover-title { 
    color: rgb(255,102,0); 
    background: rgb(176,205,249); 
} 

#fieldMode .popover-content { 
    color: rgb(12,66,144) 
} 

...但是，这似乎并没有工作。什么是修复？

Answer 1

在移动设备上，您的a标记由引导样式给出display: block，导致宽度为100％。如果您试图将弹出窗口放在其右侧，这将不起作用。添加display: inline-block将导致它只占用所需的空间而不是全屏宽度。更新小提琴：http://jsfiddle.net/mgup49hv/1/

#fieldModePopover { 
    display: inline-block;  
}