Как изменить порядок элементов в строке начальной загрузки 3? - PullRequest
Новая
       49

Как изменить порядок элементов в строке начальной загрузки 3?

0 голосов
/ 21 мая 2018

Есть ряд изображений. 

<div class="mainWrap">
<div class="container">
  <div class="row">
    <div class="col-md-3 col-sm-6">
      <img src="./img/1.png" alt="">
    </div>
    <div class="col-md-3 col-sm-6">
      <img src="./img/2.png" alt="">
    </div>
    <div class="col-md-3 col-sm-6">
      <img src="./img/3.png" alt="">
    </div>
    <div class="col-md-3 col-sm-6">
      <img src="./img/4.png" alt="">
    </div>
  </div>
</div>

Итак, на маленьком экране это выглядит так: 

1 2
3 4

Но его нужно отобразитькак это: 

1 2
4 3

Есть ли способ сделать это?

1 Ответ

0 голосов
/ 21 мая 2018

просто дайте им кол-см-6 в два ряда: - 

<div class="mainWrap">
<div class="container">
  <div class="row">
    <div class=" col-md-6 col-sm-6">
      <img src="./img/1.png" alt="">
    </div>
    <div class="col-md-6 col-sm-6">
      <img src="./img/2.png" alt="">
    </div>
   </div>
  <div class="row">
    <div class="col-md-6 col-sm-6">
      <img src="./img/4.png" alt="">
    </div>
    <div class="col-md-6 col-sm-6">
      <img src="./img3.png" alt="">
    </div>
   </div>
  </div>
</div>
...