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

时间:2013-09-25 15:15:59

标签: css twitter-bootstrap

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

  1. 如何在大屏幕上放置一个侧边栏,但在折叠页面时将其放在内容下?
  2. 这是我的结构(例如我必须放置侧边栏以便在折叠时将其放下):

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

    非常感谢,拉尔夫

1 个答案:

答案 0 :(得分:10)

pull and push类对此非常有用,请尝试:

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