javascript - 使用下一步按钮在屏幕上单独显示两个 div 的移动响应式 Web 应用程序

Question

我正在尝试创建具有 2 个并排的 div 的移动响应式 Web 应用程序。当我切换到移动浏览器时，我想一次只显示一个 div，并使用下一个按钮导航到第二个 div。知道怎么做吗？

我目前正在使用 bootstrap。

提前致谢。

Answer 1

您应该为此查看 Bootstrap Grid 系统 http://getbootstrap.com/css/#grid .

在您的特定情况下，为每个 div 使用 col-md-6。它会在浏览器中并排显示，在移动设备中一个接一个地显示。

要一次显示一个 div，您可以使用 Bootstrap Grid 的 visible 或 hidden 部分。

你可以使用类似的东西，

hidden-xs(手机隐藏)

这将隐藏移动设备上的 div。要再次显示它，请删除该类。