2015-09-25 62 views
0

自從2天以來我一直在努力,因此我想我嘗試了一切,因此我決定在這裏尋求幫助。在手機上消失模態

我照着this tutorial在我的網站www.mdbootstrap.com.

雖然在桌面上的一切工作就像一個魅力,在移動版的模式正在消失實現Ajax的登錄模式。我可以看到疊加層,我認爲它隱藏在後面,但即使當我關閉時,我也看不到模態。 (爲了發射模態點擊「下載」按鈕,並確保你的電子郵件沒有登錄)

我試圖調試它在鉻更改不同的參數。我確保display:被設置爲阻止。我還看到,非桌面和移動查詢之間的屬性更改。我試圖將其設置爲絕對位置,將尺寸更改爲一些荒謬的數字,以強制它顯示在屏幕上,但不是該工作。我將有助於任何提示或指示...

回答

1

您的模態HTML代碼是在導航欄的HTML裏面。 Navbar有一個hidden-sm,它來自Bootstrap並在屏幕較小時隱藏所有內容。您應該將模態HTML代碼放在導航欄之外。可能正好落後於<body>開標籤。

<nav class="navbar navbar-colored z-depth-3 hidden-xs hidden-sm"> 
+0

謝謝!我知道我必須錯過一些東西...... –