Bootstrap 推/拉超过 12 列答案

【问题标题】：Boostrap push / pull exceeding 12 colsBootstrap 推/拉超过 12 列
【发布时间】：2015-08-05 09:47:21
【问题描述】：

我有想要重新排序但不知道如何排序的列。

手机订单：

<col-xs-12 col-sm-4>
<col-xs-12>
<col-xs-12 col-sm-4>
<col-xs-12>
<col-xs-12 col-sm-4>
<col-xs-12>

桌面应该是：

<col-xs-12 col-sm-4>
<col-xs-12 col-sm-4>
<col-xs-12 col-sm-4>
<col-xs-12>
<col-xs-12>
<col-xs-12>

我该怎么做？

【问题讨论】：

标签： twitter-bootstrap push pull

【解决方案1】：

所以你需要一次更改一个 div。

让我们考虑这段 html 代码：

<div class="col-xs-12 col-sm-4"></div>
<div class="col-xs-12" id="one"></div>
<div class="col-xs-12 col-sm-4"></div>
<div class="col-xs-12"></div>
<div class="col-xs-12" id="two"></div>
<div class="col-xs-12"></div>

然后我们将使用此 jquery 代码进行更改：

$(document).ready(function(){
    if(screen.width>=768){
        $('#one').addClass('col-sm-4');
        if($('#two').hasClass('col-sm-4')){
            $('#two').removeClass('col-sm-4');
        }
    }else{
        $('#two').addClass('col-sm-4');
        if($('#one').hasClass('col-sm-4')){
            $('#one').removeClass('col-sm-4');
        }
    }
});

我希望这就是你要找的。p>

【讨论】：

感谢您的回答。会试一试。拉和推是不可能的吗？
我觉得你可以push一些数据到DOM，因为它被认为是一个数组，但是pull功能我不习惯它，我什至快速搜索它，我不能'用 JS 或 JQuery 找不到，你用的是有这个功能的库吗？
对不起，我的意思是在 CSS 中拉和推 --> 引导。