html - 重新排序不同屏幕尺寸的列堆栈

标签 html css twitter-bootstrap responsive-design zurb-foundation

在 Bootstrap 或 Foundation 中说, 是否可以实现这种布局?

enter image description here

你看到这里的问题了吗? 平板电脑大小时,顶栏应位于底部。 推/拉技巧在这里不适用,因为这是一个 不同类型的列重新排序。

你有什么想法吗?

最佳答案

您可以将 CSS 中的 order 属性与 flex-boxes 一起使用。

https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#order

在此处检查浏览器兼容性 http://caniuse.com/#search=order

关于html - 重新排序不同屏幕尺寸的列堆栈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30928132/

相关文章:

html - 如何将背景图片 float 到左侧?

jquery - jQuery 中的 Toggle 和 slideToggle 有什么区别?

JavaScript:检查 css 规则是否应用于元素

html - Squarespace 是否不允许在自定义 HTML 中使用类和 ID 选择器,然后在 CSS 编辑器中定位?

javascript - 预加载器淡出,内容淡入

twitter-bootstrap - 在单个 Web 应用程序中使用两个或多个不同的前端框架是否正确?

css - Bootstrap 3 可折叠不工作

html - 背景图像模糊 - css

javascript - 导航栏 : keep link hover after show submenu

asp.net - BootMetro 菜单项显示的行间距太大