Question

我有一个简单的布局，带有侧边栏（col-3）和内容（col-9）

[3] [9]

我试图在xs侧尝试这样做，我的布局是

[Content]
[Sidebar]

所以我尝试将col-xs-push-12添加到侧边栏并将col-xs-pull-12添加到内容中，但是，在任何尺寸的屏幕上都会消失。

我的HTML设置如

<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 col-xs-push-12" id="globalSidebar">
    ...
</div>


<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 col-xs-pull-12" id="mainContent">
       ...
</div>

我已经看到this问题，这是我从哪里获得推/拉，但它似乎没有用。

这是我在引导程序中可以做的事情，还是我需要做其他事情来实现这个目标？

Answer 1

如果您认为＆＃34;移动优先＆＃34;，并使用推/拉来获得更大的屏幕宽度，它应该像这样工作..

<div class="col-sm-9 col-sm-push-3" id="mainContent">
    content
</div>
<div class="col-sm-3 col-sm-pull-9" id="globalSidebar">
    sidebar
</div>

<强> Demo

推/拉我的布局问题

1 个答案: