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（）（LogOn Form）
2. LeftNavBar
3. RightNavBar

Answer 1

如果主体在源顺序中位于左侧和右侧菜单上方，则可以使用浮动轻松实现此功能。然后你需要做的就是向左左右导航，向左右导航;在较小的设备上只需叠加身体和导航。

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