在移动设备上消失模式

时间:2015-09-25 13:06:06

标签: html css wordpress css3

我2天以来一直在努力解决这个问题,我想我已经尝试了一切,所以我决定在这里寻求帮助。 我在我的网站www.mdbootstrap.com上根据本教程实现了Ajax登录模式。 在桌面上,一切都像魅力,在移动版模式正在消失。我可以看到叠加我认为它隐藏在后面,但即使我关闭它我也看不到模态。 (为了点击模态点击“下载”按钮,确保你没有登录) 我尝试在chrome中调试它来改变不同的参数。我确保display:设置为block。我还看到桌面和移动查询之间的属性没有变化。我尝试将它设置为绝对位置,将大小更改为一些荒谬的数字以强制它显示在屏幕上但不是那个工作。我会对任何提示或指示有所帮助......

1 个答案:

答案 0 :(得分:1)

您的模式的HTML代码位于导航栏的HTML内。 Navbar有一个hidden-sm,它来自Bootstrap,当屏幕较小时隐藏所有内容。您应该将模态HTML代码放在导航栏之外。也许就在<body>开标签后面。

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