У меня есть родительский 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, элементы развернуты, и мне нужно, чтобы они были автоматически перенесены, если выше этого разрешения.
Как я могу это сделать?