Разверните ниже определенного разрешения, оберните выше другого - PullRequest
0 голосов
/ 01 марта 2019

У меня есть родительский div, обертывающий 4 дочерних элемента:

<div class="col-md-9 slider-desktop">
  <div class="col-md-5"></div>
  <div class="col-md-7"></div>
  <div class="col-md-5"></div>
  <div class="col-md-7"></div>
</div>

В разрешениях ниже 992 я хочу удалить slider-desktop упаковщик, и я делаю это следующим образом:

$(window).bind("load resize", function() {
  if ($(window).width() < 992) {
    $('.slider-desktop').contents().unwrap();
  } else {

  }
});

И это прекрасно работает.Но если пользователь изменяет размер окна выше 992, элементы развернуты, и мне нужно, чтобы они были автоматически перенесены, если выше этого разрешения.

Как я могу это сделать?

...