                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /基于bootstrap的网页开发

栅格问题求教

<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行呢？

天上的雲

2016-01-21

源自：基于bootstrap的网页开发 4-1

关注问题我要回答

770

操作

收起

1 回答

等___
2016-01-23

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>