在TwitterBootstrap 2中，当缩小屏幕时，如何让正确的列移到顶部？

我在Twitter引导中使用了两列流体布局。左栏是主要内容（span10），右栏是小部件的侧栏（span2）。当前，当调整浏览器窗口的大小时，引导会通过创建一列来响应，其中最左侧的部分在顶部，最右侧的部分在底部。我想换个方向

这是我的html的要点：

&lt；车身&gt；
&lt；div id=“content”class=“container fluid”&gt；
&lt；div id=“content-row-1”class=“row fluid”&gt；
&lt；div id=“mainContainer”class=“span10”&gt；这里有很多内容&lt/部门&gt；
&lt；div id=“sidebar”class=“span2”&gt；小部件&lt/部门&gt；
&lt/部门&gt&lt；！--content-row-1--&gt；
&lt/部门&gt&lt；！--内容--&gt；
&lt/车身&gt；

有没有办法让mainContainer在一个宽窗口中位于左侧，小部件位于右侧，但在窗口缩小时将sidebar捕捉到顶部

在bootstrap3中，这是通过网格列排序完成的
（参见bootstrap 3文档）

范例

&lt；div class=“行”&gt；
&lt；div class=“col-md-9 col-md-push-3”&gt；。col-md-9.col-md-push-3&lt/部门&gt；
&lt；div class=“col-md-3 col-md-pull-9”&gt；。col-md-3.col-md-pull-9&lt/部门&gt；
&lt/部门&gt；

如果有足够的空间，这将在下div后面显示上div。如果屏幕尺寸减小，则上方的div将保持不动

相关文章：

发表评论 取消回复

发表评论取消回复