bootstrap 3右侧元素位于较小屏幕左侧元素的顶部

Question

当两个元素并排时，是否可以在bootstrap 3中使用。在较小的屏幕中，右边元素位于左边元素的顶部？通常右元素位于左元素的下方。

Answer 1

您可以使用列排序功能执行此操作： http://getbootstrap.com/css/#grid-column-ordering

示例：

<div class="row">
  <div class="col-xs-12 col-xs-push-12">Right Column</div>
  <div class="col-xs-12 col-xs-pull-12">Left Column</div>
</div>