小さな画面用のブートストラップスワップdiv

Question

私は親divの絶対位置を持つ子divを持っています。

親divには、相対位置のブートストラップカルーセルが含まれています。

は、ここで私は小さな画面で親divの下の子のdivを表示したい私のコード

<div class="carousel> 
    Carousel goes here 
    <div class="col-md-6 SearchBoxHome"> 
     content goes here 
    <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(); 
}