Question

我会尝试解释这个挑战......我有三个div，在bootstrap WordPress主题中先订购移动设备。

[1] NAV

[2] CONTENT

[3] SIDEBAR

此代码可以正常使用：

<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>

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

[1 ------ NAV -------] [2 ------------------内容--------- --------]

[3 ---- SIDEBAR ----] [2 ------------内容续表-----]

------------------------- [2 ------------ CONTENT CONTINUED -----]

相反，它显示如下。

[1 ------ NAV -------] [2 ------------------内容--------- --------]

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

[3 ---- SIDEBAR ----]

我通常不会像这样做高级CSS，并且如果有人可以提供帮助，我的承包商会感到失望，至少让我知道这是否可能，我会非常感激。

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

此致西蒙

Bootstrap推拉网格可以将div推送到新的不同行吗？

0 个答案: