小编Chr*_*ald的帖子

Bootstrap 3:在行上推/拉列

我有像这样的手机布局:

 --------- 
|    1    |  
 --------- 
|    2    |  
 --------- 
|    3    |  
 --------- 
Run Code Online (Sandbox Code Playgroud)

对于更大的屏幕,我想拥有它:

 -----------------------------------
|        1               |     3    |
 -----------------------------------
|                 2                 |
 -----------------------------------
Run Code Online (Sandbox Code Playgroud)

代码,这不起作用,因为拉/推过一行:-(

<div class="row clearfix">
    <div class="col-sm-9 alert alert-info">
        1
    </div>
    <div class="col-sm-3  col-sm-push-3 alert alert-warning">
         2
    </div>
    <div class="col-sm-3 col-sm-pull-3 alert alert-debug">
         3
    </div>
</div>  
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/QtPd2/27/

html css twitter-bootstrap twitter-bootstrap-3

7
推荐指数
1
解决办法
4880
查看次数