我正在试图弄清楚如何使用Bootstrap 3创建以下布局。在小尺寸屏幕（及以上）上我需要以下内容（其中X和Y div为6列，Z div为12列）：
XXXXXX YYYYYY
ZZZZZZZZZZZZZ
在一个额外的小屏幕上，我需要以下内容（每个div为12列）：
XXXXXX
ZZZZZZ
YYYYYY
我遇到的问题是弄清楚如何让Y div在超小屏幕上使用Z div切换顺序。
答案 0 :(得分：1)
您正在寻找的是不可能的 - 抱歉。全宽元素＆＃39;位置无法改变。如果zzz和yyy成为一半可能就有可能。
我会做什么 - 但也取决于内容 - 是复制元素并使用可见性类来隐藏/显示所需位置的那个。
...否则使用jquery和append函数。
答案 1 :(得分：0)
我不认为你只能用css获得这种行为。我建议使用window.onresize事件来触发resize函数并使用jQuery将html附加到不同的元素。尝试在此jsBin中缩小输出列：
答案 2 :(得分：0)
虽然它可能不完全符合您的要求，您是否尝试根据屏幕尺寸复制元素，然后为相应的屏幕尺寸启用元素的每个版本？ http://getbootstrap.com/2.3.2/scaffolding.html#responsive - 并向下滚动到响应式实用程序类