移动一个孩子出父母div并进入一个新的div在Bootstrap？

Question

说我有2个父divs（包括图片），只有当浏览器从md的屏幕大小转换为xs时，是否可以将孩子从div2移动到div1？

<div class="col-xs-12 col-md-6"> 
    <h1> 1 </h1> 
    <h1> 2 </h1> 
    <!-- 5 goes here --> 
    </div> 
    <div class="col-xs-12 col-md-6"> 
    <h1> 3 </h1> 
    <h1> 4 </h1> 
    <h1> 5 </h1> <!--- move this --> 
    </div> 

因此，将h1的文本移动到h1下的文本为5，文本为2？ 我在想没有，因为孩子们在div元素容器？因此，拉动它不会帮助

Answer 1

一个CSS唯一的解决办法

如果DIV＃5的含量并不大，静态我将复制这两个包含div的内容和然后使用响应式实用程序隐藏内容以隐藏并显示不同断点处的div http://getbootstrap.com/css/#responsive-utilities

Javascript解决方案

考虑http://api.jquery.com/replaceWith/

$("div.third").replaceWith($(".first"));