在小屏幕上显示Bootstrap Popover的问题

Question

请你看一下this demo并告诉我为什么我无法将弹片放在超链接的底部或顶部？

你可以看到我已经添加了

placement : 'auto right' 

但这也不行！

由于

Answer 1

正如placement选项的 docs 所述：

  

Type: 字符串|功能

     

Default: 正确

     

Description: 如何定位popover - top |底部|离开|对|汽车。当＆＃34; auto＆＃34;如果指定，它将动态重定向弹出窗口。对于   例如，如果放置是＆＃34;自动离开＆＃34;，则弹出窗口将显示给   在可能的情况下离开，否则它将显示正确。

当您将auto left指定为placement选项时，它会尽可能显示在左侧，否则它将显示在右侧，即 他们的目标是相反方向

因此，如果您希望将其显示在top上，则需要在top选项中指定bottom或placement以及auto。

前

placement:'auto top'

或者，您可以在html5

的data-placement element属性中指定它

<强>实施例

<a href="#" class="" data-toggle="popover" data-placement="top" title="Move to Down On small" data-content="" role="button">Smart PopOver</a>

<强> DEMO