Bootstrap 3:放置侧边栏,但在折叠时将其放在内容下方

Question

我正在使用Twitter Bootstrap 3开发一个网站,我确实有两个问题:

1. 如何在大屏幕上放置侧边栏,但在页面折叠时将其放在内容下？

这是我的结构(例如我必须放置侧边栏以便在折叠时将其放下):

    <div class="col-md-8">
      <p>This is content, and when collapsing I want it to be placed over the sidebar! </p>
    </div>
    <div class="col-md-4">
      <p>This is sidebar, and it gets down, but I would like to have it placed at the left side of the content!</p>
    </div>

非常感谢,拉尔夫

Answer 1

该推拉类是为这个伟大的,试试:

<div class="col-md-8 col-md-push-4">
  <p>This is content, and when collapsing I want it to be placed over the sidebar! </p>
</div>
<div class="col-md-4 col-md-pull-8">
  <p>This is sidebar, and it gets down, but I would like to have it placed at the left side of the content!</p>
</div>