订单类别不适用于移动设备

时间:2019-05-05 20:21:44

标签: html css bootstrap-4

我试图按顺序排列图像区域,然后排列文本。但是此代码不适用于小型设备,但适用于中型设备。

    <div class="row">

      <div class="col-sm-12 col-lg-6 order-lg-1 order-sm-2 float-left">

    <h3>We build successful,<br>long-lasting.</h3>
    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believabl

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believabl</p>

    <button class="btn btn-primary">Get Started</button>

    </div>

      <div class="col-lg-6 col-sm-12 order-lg-2 order-sm-1 float-left" >            
        <img src="assets/feature1.jpg" class="img-fluid" >
      </div>
      </div>

0 个答案:

没有答案