将一个孩子移出父div并进入Bootstrap的新div？

Question

假设我有2个父div（包含图片），只有当浏览器从屏幕大小为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下用文本2移动h1，文本为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" ) );