如何使用Bootstrap在响应式视图中拆分列？

Question

我正在使用Bootstrap v4 alpha4

目前我有:

.row
  .col-xs-12.col-md-8
    div A
  .col-xs-12.col-md-4
    div B
    div C

对于xs布局,我希望div顺序为:

Div B
Div A
Div C

我不知道如何做到这一点或如何甚至询问它.我不是前端开发者所以我不知道叫什么东西.

我们可以将HTML更改为我们想要的任何内容.它不是要留喜欢它就是现在.

Answer 1

Bootstrap确实有列排序类,但在这种情况下,您可以简单地使用响应的float类.

<div class="row">
    <div class="col-md-4 pull-md-right">
        b
    </div>
    <div class="col-md-8">
        a
    </div>
    <div class="col-md-4">
        c
    </div>
</div>

http://www.codeply.com/go/XL5zJELyLD