Bootstrap 3:推/拉问题

时间:2014-04-28 11:19:08

标签: twitter-bootstrap

我正在尝试设置一个模板,其中我有两个侧边栏,左侧和右侧,内容位于中间。到目前为止桌面没问题:

桌面视图

Desktop view

但是我希望它能够重新调整移动设备,以便内容位于顶部,侧边栏位于下方,左侧位于左侧,右侧位于右侧。

所需的移动视图

Desired mobile view

我是否可以在不使用JS移动div的情况下实现它?

这是一个显示我的问题的Bootply:http://www.bootply.com/133440

提前致谢!

1 个答案:

答案 0 :(得分:3)

元素的顺序应始终是您在最窄视图(移动)中所需的顺序。然后使用col-md-pull-4col-md-push-8等在更大的视图中拉取和推送元素,以获得所需的视图。

以下是我想要的信息:http://jsfiddle.net/aws9pv88/7/