放下内容

Question

我在主要内容区域使用以下标记：

<div class="row">
  <aside class="col-md-3 sidebar col-sm-3 col-xs-12">
      content
  </aside>
  <div class="col-md-9 col-sm-9 col-xs-12">
      content
  </div>
</div>

但是在超小型设备中，我想把主要的div放在一边。我尝试使用推拉，但div向右移动。

Answer 1

如果你从下面的aside开始，那么在更大的尺寸下，推/拉类将颠倒顺序。像这样：

＆＃13;

＆＃13;

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<div class="row">
  <div class="col-md-9 col-sm-9 col-xs-12 col-sm-push-3">
  DIVcontent
  </div>
  <aside class="col-md-3 sidebar col-sm-3 col-xs-12 col-sm-pull-9">
  ASIDEcontent
  </aside>
</div>

＆＃13;

＆＃13;

＆＃13;