Javascript 如何重新订购bootstrap 3 div？

我想用Bootstrap3在COL-LG和COL-MD配置上实现这一点

[A] 图[B]一个带有两个按钮的div[C]一个由javascript制作的div（id=item）

• [A] [丙]
• [B] [丙]

在COL-SM、COL-XS中具有这种配置

• [A]
• [乙]
• [丙]

在COL-SM上，COL-XS div设置为我想要的，但问题出现在COL-LG和COL-MD上： 我在浏览器中得到这个

• [A]
• [B] [丙]
• …，[C]

我试过这样做：

<div class="col-lg-6 col-md-6 col-lg-pull-6 col-md-pull-6>

---

据我所知，您需要两杯可乐吗？
其中一个包含图片和下面的两个按钮，另一个单元格用于脚本结果项

<div class="col-lg-6 col-md-6">

    <!-- img is here -->
    <img src="path_to_image">

    <!-- Buttons are here -->
    <button class="btn  btn-default">Button 1</button>
    <button class="btn  btn-default">Button 2</button>

</div>
<div class="col-lg-6 col-md-6" id="item">

     <!-- Script will add items here -->
     <!-- Butt add items without any Bootstrap classes -->

</div>


按钮1
按钮2

脚本类似于smth

        <script type="text/javascript">
            function Anticonceptivo2(){
                 document.getElementById('item').innerHTML = '....';
             }
        </script>


功能性抗概念蛋白2（）{
document.getElementById（'item'）。innerHTML='…'；
}

如果我错误地理解了你，请给我一些澄清。也许想象一下你想要什么。
我认为：

把你所有的div放在一个div（一个div包装器）中，在包装器内部，把a和B div以及C包装器放在a和B div旁边。“Dmity S”为你编写解决问题的代码（只把所有的都放在包装器中）。
请不要使用“bootstrap”标签，使用“twitter bootstrap”，因为它意味着其他东西
        <script type="text/javascript">
            function Anticonceptivo2(){
                 document.getElementById('item').innerHTML = '....';
             }
        </script>