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”)
现在在移动浏览器中
如果我想在手机浏览器中进行以下订购,那么我必须做什么
如果主体位于源代码顺序的第一位,位于左菜单和右菜单上方,则可以使用浮动轻松实现这一点。然后你需要做的就是将左导航向左浮动,右导航向右浮动;在较小的设备上,只需将机身和导航堆叠起来。尝试使用box ordinal group CSS 3属性
非常清楚:您需要将车身移动到左侧导航栏上方。然后,您可以在较大的屏幕上左右浮动菜单,或者只在较小的屏幕上堆叠内容。