css - 如何使用 Bootstrap 在响应式 View 中拆分列？

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 确实有 column ordering classes , 但在这种情况下，您可以简单地使用 responsive float classes ..

<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