jquery - 引导三列顺序

在这样的xs设备上，我有一个3列互相重叠的引导行：

| A |
| B |
| C |

我需要在重新排列的sm设备上按以下方式操作它们：

| A | C |
| B |   |

sm设备上的C列应为col-sm-3。

从这里开始代码：

http://jsfiddle.net/u1fedjwq/

请注意，此数据行将在页面上使用不同的数据重复最多100次，这意味着将通过显示或隐藏来复制列的任何解决方案都将被忽略。

附带说明，我们可以从sm订单开始，然后安排移动订单，对吗？

最佳答案

我认为，添加一些额外的标签可以轻松解决此问题。这里是

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6">
            <div class="row">
                <div class="col-xs-12 alert-success">
                    Column A <br/>
                    Column A <br/>
                    Column A <br/>
                </div>
                <div class="col-xs-12 alert-danger">
                    Column B <br/>
                    Column B <br/>
                    Column B <br/>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6  alert-info">
            Column C <br/>
            Column C <br/>
            Column C <br/>
        </div>
    </div>
</div>

关于jquery - 引导三列顺序，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27892768/