javascript - 非对称 Bootstrap 布局

标签 javascript html css twitter-bootstrap mobile

我是 bootstrap 的新手。我需要有关 Bootstrap 行/列排序的帮助。 我有 3 行 2 列的图像和每个图像的文本:

网页布局:

图片1 文字1

文字2 图片2

图片3 文字3

Web 布局很好。然而,在移动设备上它看起来(如预期的那样):

图片1

文字1

文本2

图2

图3

文本3

我希望移动布局类似于:

图片1

文字1

图2

文本2

图3

文本3

最佳答案

这是 Bootstrap 中的默认行为 - 看看 http://getbootstrap.com/css/#grid-column-ordering

您可以使用推拉类在折叠时对列重新排序

关于javascript - 非对称 Bootstrap 布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29751206/

相关文章:

javascript - 如何使用脉动点调出模态框

javascript - 如何在Javascript中检测页面的宽度和高度?

javascript - 在同一页面的各个部分之间导航时保​​持网站 URL 不变?

javascript - “this”关键字如何工作?

javascript - 为什么我的代码在 underscore.js 下可以工作,但在我使用 Ramda.js 时却不行?

javascript - 在 javascript/jquery 中单击按钮时如何选择按钮 ID

html - CSS 选择器选择 div 内的所有 img 标签,而不考虑子级别

html - 使所有 div child 具有相同的高度

html - 在输入字段中突出显示文本/标记 - 松弛搜索框样式

javascript - JQuery - 复选框的返回值