關於在小屏幕上顯示Bootstrap彈出窗口的問題

Question

您可以看看this demo並讓我知道爲什麼我無法將彈窗鎖定在超鏈接的底部或頂部？

，你可以看到我已經添加

placement : 'auto right' 

但這不是工作壓力太大！

感謝

Answer 1

如表示，他們docs爲placement選項：

Type:字符串|功能

Default:右

Description:如何定位酥料餅 - 頂部|底部|離開| right |汽車。當指定「auto」時，它會動態調整popover的方向。例如，對於 示例，如果放置位置爲「自動離開」，則彈出窗口將盡可能顯示爲 ，否則它將顯示正確。

當您指定auto left爲placement選項，它會顯示向左儘可能否則它會顯示他們是在相反的方向瞄準正確的，即。

所以，如果你想讓它出現在top你需要在auto一起placement選項來指定或者top或bottom。

防爆

placement:'auto top' 

或者，也可以在html5data-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