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

前端之家收集整理的这篇文章主要介绍了css – Bootstrap 3:放置侧边栏但在折叠时将其放在内容下方前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Twitter Bootstrap 3开发一个网站,我确实有两个问题:

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

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

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

非常感谢,拉尔夫

解决方法

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,but I would like to have it placed at the left side of the content!</p>
</div>

猜你在找的CSS相关文章