如果显示桌面版本（lg，md），则在模式弹出窗口中显示页面

【问题标题】：Show page in modal popup if dekstop version (lg, md) is displayed如果显示桌面版本（lg，md），则在模式弹出窗口中显示页面
【发布时间】：2015-11-10 05:36:15
【问题描述】：

如果网站以“桌面”版本（例如 lg、md）和新窗口（如果它是移动版本（例如 xs））显示，我想以引导模式形式显示我的登录/注册页面内容。如何做到这一点？

【问题讨论】：

你可以试试 if 语句
您可以有 2 个 div，在全屏时显示 div 1，然后使用 jQuery 使其成为模态弹出窗口。然后在移动设备中，隐藏 div 1，并使用带有'target:_blank' 的链接的 div 2 允许它在新标签页中打开。

标签： javascript jquery css asp.net-mvc twitter-bootstrap

【解决方案1】：

您可以创建两个按钮。一个带有模式设置，另一个带有指向独立登录页面的链接。我的解决方案涉及使用内置的bootstraps responsive utilities，它们只是您可以在标记中使用的类。

所以在你的情况下，你可以这样做：

<a class="btn btn-default visible-xs-block" href="//domain.com/login">Login</a>
<a class="btn btn-default hidden-xs" modal-stuff >Login</a>

hidden-* 和 visible-*-* 类几乎按照他们在罐子上所说的去做，根据媒体屏幕尺寸的 BS 类显示和隐藏内容。虽然，对于 visible-*-* 类，请记住更改 block、inline 或 inline-block，具体取决于您需要 BS 以在显示类型可见时使其显示类型。

希望有所帮助！

【讨论】：