Bootstrap swap div小屏幕

Question

我有一個子div，在父div中具有絕對位置。

父div包含具有相對位置的Bootstrap輪播。

這是我的代碼

 <div class="carousel>
    Carousel goes here
    <div class="col-md-6 SearchBoxHome">
       content goes here
    <div>
  </div>

我想在小屏幕上在父div下方顯示子div。

這是我嘗試但無法正常工作的jQuery代碼。

var screenWidth = $(window).width();
if (screenWidth <= 767) {
   $('.carousel').before($('.SearchBoxHome'));
} else {
  return false;
}

請幫我

Answer 1

嘗試這個 ：

var screenWidth = $(window).width();
if (screenWidth <= 767) {
    var content = $('.SearchBoxHome');
    $('.carousel').before(content);
    $('.carousel').find('.SearchBoxHome').remove();
}