Bootstrap垂直列排序

Question

xs 布局按预期显示，但如何将侧边栏拉到导航以消除 lg 布局

<div class="row">
    <div class="col-xs-12 col-lg-3 col-lg-push-9">
        navigation
    </div>
    <div class="col-xs-12 col-lg-9 col-lg-pull-3">
        content
    </div>
    <div class="col-xs-12 col-lg-3 col-lg-offset-9">
        sidebar
    </div>
</div>

XS

navigation
---
content
---
sidebar

LG

content    | navigation
           | sidebar

小提琴

http://jsfiddle.net/Pn8r4/

Answer 1

如何在大屏幕上将.c-g（内容）col的位置设置为绝对值？

@media (min-width: 1200px) {
    .c-g {
        position: absolute;
    }
}

<强> Demo

请注意，如果在LESS中执行此操作，则可以使用Bootstrap变量作为屏幕宽度：

@media (min-width: @screen-lg-min) { ... }