Question

目前bootstrap 2.3.2 popover没有响应。在小屏幕上，它在屏幕外打开。还有其他选择吗？

谢谢

Answer 1

我同时使用此方法以获得更好的弹出窗口位置，应该使用Bootstrap 2和3：

$("[data-toggle='popover']").popover({
    // Add more else stuff with parentheses for more sizes
    placement: function() { return $(window).width() < 975 ? 'top' : 'right'; }
});

如果您遇到弹出窗口宽度问题，请首先确保container参数具有正确的值，例如container: 'body'。

Answer 2

对于响应行为，Bootstrap 3的展示位置的自动值。

E.g。

展示位置：＆＃39;自动离开＆＃39;

Bootstrap doc：

当＆＃34; auto＆＃34;如果指定，它将动态重新定向工具提示。例如，如果展示位置为＆＃34;自动离开＆＃34;，则工具提示会尽可能显示在左侧，否则它将显示正确。

Answer 3

近期发展有了更多改善。你应该尝试最新版本的bootstrap目前v3.1.1。

Answer 4

这个解决方案对我有用..

if ($(window).width() < 800){
    $('.prioritypopups').data('placement','right');
} else {
    $('.prioritypopups').data('placement','left');
}

$('[data-toggle="popover"]').popover();

然而，这在技术上没有响应，但会响应不同的页面大小。

是否有响应式bootstrap popover替代方案？

4 个答案: