有響應自舉popover替代？

當前引導程序2.3.2彈出窗口不響應。在小屏幕上，它在屏幕外部打開。有其他選擇嗎？有響應自舉popover替代？

謝謝

來源

2014-02-27 orbitory

我認爲基本的選擇是設計你的用戶交互，這樣你就沒有任何彈出窗口，只有正常的頁面鏈接進行確認等等。雖然這個建議不作爲直接替換：（ –

Thx Mikko，我同意你的意見，但是超出了我的控制範圍 – orbitory

對於小屏幕顯示bootstrap popover是一個好主意嗎？實際上 - 什麼是「小」「屏幕？ –

近期發展還有進步。你應該嘗試最新版本的bootstrap目前v3.1.1。

來源

2014-02-27 21:03:53 Coderapper

3似乎有同樣的問題 – orbitory

你有任何代碼可供我查看或任何網址嗎？ – Coderapper

只需在手機上打開自動增強功能3並點擊示例按鈕即可看到彈出窗口在屏幕外。也許解決這個問題的方法是，在小屏幕上切換到popover頂部或底部解決方案或模式解決方案。 – orbitory

我用這個方法的同時更好酥料餅的位置，應該引導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'。

來源

2014-09-09 16:23:46

對於響應行爲，Bootstrap 3具有自動值爲放置。

E.g.

位置： '左自動'

Bootstrap doc：

當指定了「自動」，它會動態地重新調整提示。例如，如果展示位置是「自動離開」，則工具提示將盡可能顯示在左側，否則將顯示正確。

來源

2015-08-18 22:52:48

自動佈局還有一些問題，直到Bootstrap 4才能解決：https：//github.com/拼焊板/引導/問題/ 15367 –

該解決方案爲我..

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

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

然而，這在技術上是不敏感但對不同的頁面大小做出迴應。

來源

2017-07-10 17:21:51 Antony

有響應自舉popover替代？

回答

相關問題