Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap Twitter引导:更改移动设备中的div顺序_Twitter Bootstrap - Fatal编程技术网

Twitter bootstrap Twitter引导:更改移动设备中的div顺序

Twitter bootstrap Twitter引导:更改移动设备中的div顺序,twitter-bootstrap,Twitter Bootstrap,我的代码如下 <div class="row-fluid"> <div class="span2"> @Html.Partial("LeftNavBar") </div> <div class="span8"> @RenderBody() </div>

我的代码如下

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

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

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

@Html.Partial(“LeftNavBar”)
@RenderBody()
@Html.Partial(“RightNavBar”)
现在在移动浏览器中

如果我想在手机浏览器中进行以下订购,那么我必须做什么

  • @RenderBody()(登录表单)
  • 左导航栏
  • 右导航栏

  • 如果主体位于源代码顺序的第一位,位于左菜单和右菜单上方,则可以使用浮动轻松实现这一点。然后你需要做的就是将左导航向左浮动,右导航向右浮动;在较小的设备上,只需将机身和导航堆叠起来。

    尝试使用box ordinal group CSS 3属性


    非常清楚:您需要将车身移动到左侧导航栏上方。然后,您可以在较大的屏幕上左右浮动菜单,或者只在较小的屏幕上堆叠内容。