低于特定分辨率解开，高于其他分辨率解开

Question

我有一个包含4个子元素的父div：

<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以上，则元素将被展开，并且如果分辨率高于该分辨率，则需要将它们自动包裹。

我该怎么做？