Css 引导推拉网格可以将div推到新的不同行吗？

我会尽力解释这个挑战。。。我有三个div，在bootstrap WordPress主题中为mobile-first订购

[1] 导航

[2] 内容

[3] 边栏

此代码工作正常：

<div class="container">
    <div class="row">
        <div class="col-md-4"><p>NAV</p></div>
        <div class="col-md-6 col-md-pull-right" ><p>MAIN CONTENT : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et diam et erat imperdiet scelerisque ac a leo. Etiam eu ultrices tortor, a aliquet felis. Morbi sit amet placerat mi. Nulla feugiat id sem non faucibus. Nunc tortor turpis, faucibus non nisi sit amet, bibendum tincidunt arcu. Duis id risus porttitor, porttitor massa eget, elementum ligula. Proin ullamcorper, lacus quis porta luctus, dolor enim hendrerit massa, varius gravida est ipsum quis elit. Quisque ex felis, commodo a placerat non, egestas eu turpis. Praesent sit amet lobortis tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porta nibh non erat suscipit, et rhoncus mauris finibus. In hac habitasse platea dictumst. Quisque quam mauris, sagittis ut orci eget, tempor sollicitudin nunc. Mauris consequat ex quis dolor viverra, ac dictum eros dapibus.</p></div>

        <div class="col-md-4  col-md-pull"><p>SIDEBAR</p></div>

    </div>
</div>

导航

主要内容：奥雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum dolor sit amet）、康塞特·阿迪皮斯（Concertetur Adipising Elite）。阿利奎姆和迪亚姆和埃拉是狮子座的权杖。Etiam eu ultrices tortor，一种猫科动物的别名。Morbi坐在amet Placelat mi。无封建身份，无福西布斯。turpis玉米饼、非尼西玉米饼、玉米饼。双唇裂孔器、马萨裂孔器、舌骨元素。普罗恩·乌兰科珀、拉库斯·奎斯·卢库斯、多洛尔·埃尼姆·亨德雷特·马萨、各种各样的孕妇都是精英。猫咪的女工，一个地方的康莫多人，一个欧洲turpis人。请坐下，阿梅特·洛博蒂斯·托托。Lorem ipsum dolor sit amet，是一位杰出的献身者。第二阶段是非可持续发展阶段，第三阶段是最后阶段。在hac habitasse Plateum，一句名言。奎斯克·夸姆·莫里斯，萨吉蒂·奥奇·埃吉特，临时士兵。毛里斯·康斯奎特·多洛·维韦拉，爱神的格言

边栏

但是，在完整的桌面视图中，侧边栏在主要内容完成后显示，我需要它直接显示在左侧导航的下方-即

[1----资产净值----][2----内容----]

[3----侧边栏----][2----内容续---]

-------------------------[2-------内容续---]

相反，它显示如下

[1----资产净值----][2----内容----]

________________[2-------内容续---]

________________[2-------内容续---]

[3----侧边栏---]

我通常不会做这样的高级CSS，我的承包商让我失望了，如果有人能帮忙的话，至少让我知道这是否可行，我将不胜感激

这也是我在这里的第一篇文章，如果不是标准格式，请道歉

问候

---

Simon

您是否尝试将边栏代码放入与导航相同的col-md-4中的DIV中？第二个建议是在导航位置创建一个嵌套表。感谢crazymatt-第一个解决方案在桌面上工作，但他们的移动顺序是错误的：[1]导航[3]侧边栏[2]内容。。。我宁愿避开餐桌，但会尝试一下这个选择——谢谢，我明白你的意思。这当然是可能的，但要完成这项任务需要相当的投入。是时候再雇一个承包商了？