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

标签 javascript jquery css angularjs twitter-bootstrap

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

我目前正在使用 bootstrap。

提前致谢。

最佳答案

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

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

要一次显示一个 div,您可以使用 Bootstrap Grid 的 visiblehidden 部分。

你可以使用类似的东西,

hidden-xs(手机隐藏)

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

关于javascript - 使用下一步按钮在屏幕上单独显示两个 div 的移动响应式 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31436050/

相关文章:

javascript - 使用 div 重新创建行为 "background-attachment: fixed"

JavaScript 无法对 £ 符号进行编码

HTML 无序列表不起作用

javascript - 是否有一些现成/默认代码可以阻止 Internet Explorer 6 或更低版本?

javascript - 如何在 javascript 中获取对象的子对象的子对象。 (如果存在)

jquery - 带有 Jquery 的 Web 基础应用程序的颜色主题选择器

css - 将 Div/层与字段集/图例一起使用

javascript - 使用 HTML 修复轮播中的图像大小

javascript - 2 个函数同时执行。是否可以?

javascript - 在 Canvas Cylinder 中动态填充颜色我收到错误消息,因为最大宽度未定义