您可以将“元素2”放在较小的列（即：）中col-2，然后push仅在较大的屏幕上使用：
<div class="row">
<div class="col-lg-6 col-xs-6">elements 1</div>
<div class="col-lg-6 col-xs-6">
<div class="row">
<div class="col-lg-2 col-lg-push-10 col-md-2 col-md-push-0 col-sm-2 col-sm-push-0 col-xs-2 col-xs-push-0">
<div class="pull-right">elements 2</div>
</div>
</div>
</div>
</div>
另一种选择是覆盖.pull-right使用@media查询的浮动方式。
@media (max-width: 1200px) {
.row .col-lg-6 > .pull-right {
float: none !important;
}
}
最后，另一个选择是创建自己的.pull-right-lgCSS类。
@media (min-width: 1200px) {
.pull-right-lg {
float: right;
}
}
602392714
清零编程群