twitter-bootstrap - Twitter Bootstrap：更改移动设备中的 div 顺序

Question

我的代码如下

 <div class="row-fluid">
            <div class="span2">
                @Html.Partial("LeftNavBar")
            </div>

            <div class="span8">
                    @RenderBody()
            </div>

            <div class="span2">
                @Html.Partial("RightNavBar")
            </div>
   </div>

现在在移动浏览器中

如果我想在移动浏览器中跟踪订单，那我该怎么办？

1. @RenderBody()(登录表单)
2. 左导航栏
3. 右导航栏

Answer 1

如果主体在源顺序中位于左侧和右侧菜单上方，则可以使用浮动轻松实现此目的。然后，您需要做的就是将左侧导航向左浮动，将右侧导航向右浮动；在较小的设备上，只需将 body 和 nav 堆叠起来。

Answer 2

尝试使用 box-ordinal-group CSS 3 属性。

http://www.w3schools.com/cssref/css3_pr_box-ordinal-group.asp

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_box-ordinal-group