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