Bootstrap 3 popover无法在＆＃34;响应＆＃34;模式

Question

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

请注意您如何将鼠标悬停在橙色道路上，并正确显示我的popover？好吧，当我将结果部分的宽度缩小到菜单垂直堆叠的点，然后我将鼠标悬停在弹出窗口上时，它不会渲染。对我而言，这意味着当用户从移动浏览器查看我的应用时，它不会呈现。

我试过了：

#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;    
}