如何控制列位置？引导

Question

我将这4列放在一排，当我调整窗口大小时，它们的定位很尴尬。

<div class="footer">
   <div class="row">
      <div id="1" class="col-md-3">
      ...
      </div>
      <div id="2" class="col-md-3">
      ...
      </div>
      <div id="3" class="col-md-3">
      ...
      </div>
      <div id="4" class="col-md-3">
      ...
      </div>
   </div>
</div>

我想要的是在调整窗口大小时逐个移动列，而不是内置的引导函数，它们全部同时向下移动。

正确的定位应该是：

1 - 2 - 3 - 4

1 - 2 - 3
4

1 - 2
3
4

1
2
3
4

提前致谢！

Answer 1

将内部div更改为：

  <div id="1" class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
  ...
  </div>
  <div id="2" class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
  ...
  </div>
  <div id="3" class="col-lg-3 col-md-4 col-sm-12 col-xs-12">
  ...
  </div>
  <div id="4" class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
  ...
  </div>