使用引导程序在移动视图上向上移动div

Question

我有两个div，分别是col-md-8和col-md-4（其中包含图像）。在dektop视图中，它看起来像A B，但在移动视图中我想要B上行和A下行。

下面的代码：

<div class="content"> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class=**"col-md-8"**> 
       <div class="card"> 
        <div class="header"> 
         <h4 class="title">ABC</h4> 
        </div> 
        <div class="content"> 
         <form> 
          <div class="row"> 
           <div class="col-md-5"> 
            <div class="form-group"> 
             <label>Company</label> 
            </div> 
           </div> 
           <div class="col-md-4"> 
            <div class="form-group"> 
             <label for="exampleInputEmail1">Email address (disabled)</label> 
            </div> 
           </div> 
          </div> 
          <div class="row"> 
           <div class="col-md-6"> 
            <div class="form-group"> 
             <label>First Name</label> 
            </div> 
           </div> 
           <div class="col-md-6"> 
            <div class="form-group"> 
             <label>Last Name</label> 
            </div> 
           </div> 
          </div> 
          <div class="clearfix"></div> 
         </form> 
        </div> 
       </div> 
      </div> 
      <div class=**"col-md-4"**> 
       <div class="card card-user"> 
        <div class="image"> 
         <img src="IMG/ABC.HTML" alt="..."/> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

可以在引导4（测试版）使用命令类。

要一个你会添加类order-2，并乙（图片），您将添加类order-1 order-sm-3。

该课程添加到A使它始终处于“中等”位置。 B将向下移动，或者如果屏幕尺寸足够大，则向上移动。

了解更多关于类here。 Here是可以使用的所有响应断点。