栅格问题求教
来源：4-1 编程挑战
天上的雲
2016-01-21 17:49
<div class="container-fluid"> <div class="row"> <div class="col-sm-3 col-md-2">1111111111111</div> <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2">22222222222222</div> </div> </div> 请问这样为什么会显示成2行呢？
写回答
关注
1回答
-
- 等___
- 2016-01-23 16:21:47
col-md-10 col-md-offset-*
作用是向右偏移*个位置
你应该是想对列排序吧？
应该使用 .col-md-push-* 和 .col-md-pull-* 改变列的顺序。
push右移pull左移（为了看的方便我加上了边框）
<div class="container-fluid"> <div class="row"> <div class="col-sm-3 col-md-2 col-md-push-10" style="border: dashed 1px #000">1111111111111</div> <div class="col-sm-9 col-md-10 col-md-pull-2" style="border: dashed 1px #000">22222222222222</div> </div> </div>
基于bootstrap的网页开发
Bootstrap框架的基础教程，学会用Bootstrap前端框架搭建网页
187668 学习 · 734 问题
相似问题