Bootstrap swap div für kleinen Bildschirm

Question

Ich habe ein Kind div mit absoluter Position innerhalb der Eltern div.

Eltern div enthält Bootstrap-Karussell mit relativer Position.

hier ist mein Code

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

Ich möchte unter Elternteil div in kleinen Bildschirmen Kind div angezeigt werden soll.

Hier ist mein Jquery-Code, den ich versuchte, aber nicht funktioniert.

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

Bitte helfen Sie mir

Answer 1

starten:

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