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

Question

如果网站显示在桌面上，我想以bootstrap模式形式显示我的登录/注册页面内容＆＃34;版本（例如lg，md），如果它是移动版本（例如xs），则在新窗口中。怎么办呢？

Answer 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在显示时显示的类型。< / p>

希望有所帮助！