更改bootstrap div的位置

Question

我有这个脚本

<div class='col-md-6 col-left'>some text</div>
<div class='col-md-6 col-right'>some more text</div>

因此，从左侧站点开始，我在左侧，右侧是右侧。现在，当我将浏览器的宽度更改为宽度＆lt; = 400时，col-left跳转到顶部，col-right跳转到底部。我可以以某种方式改变这个吗？当媒体max-width = 400

时，我希望在col-left顶部进行col-right

Answer 1

结帐column ordering：

<div class="row">
    <div class="col-md-6 col-md-push-6">On top on small screens, right column otherwise.</div>
    <div class="col-md-6 col-md-pull-6">On bottom on small screens, left column otherwise.</div>
</div>

Answer 2

使用它：

@media handheld, only screen and (max-width: 400px) {
    .col-right { float:left; }
}