我正在尝试创建具有 2 个并排的 div 的移动响应式 Web 应用程序。当我切换到移动浏览器时,我想一次只显示一个 div,并使用下一个按钮导航到第二个 div。知道怎么做吗?
我目前正在使用 bootstrap。
提前致谢。
最佳答案
您应该为此查看 Bootstrap Grid 系统 http://getbootstrap.com/css/#grid .
在您的特定情况下,为每个 div 使用 col-md-6
。它会在浏览器中并排显示,在移动设备中一个接一个地显示。
要一次显示一个 div
,您可以使用 Bootstrap Grid 的 visible
或 hidden
部分。
你可以使用类似的东西,
hidden-xs
(手机隐藏)
这将隐藏移动设备上的 div。要再次显示它,请删除该类。
关于javascript - 使用下一步按钮在屏幕上单独显示两个 div 的移动响应式 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31436050/