css - 如何在 bootstrap 中设置 col 网格

Question

如上图所示，我在 bootstrap 的中 View 中有 3 个列。

我想在小 View 中实现这种类型的 View 是col-sm-*

我的代码是

<div class="col-md-8">
  <div class="col-md-12">A</div>
  <div class="col-md-12">C</div>
</div>
<div class="col-md-4">
  <div class="col-md-12">B</div>
</div>

通过这种方式，我可以在中 View 中实现我的目标，但在小 View 中无法实现。我怎样才能实现两个 View 以及中 View 和小 View ，如图所示。

Answer 1

我建议阅读 bootstrap css doc还有this

但是试试这个:

<div class="row">
    <div class="all a col-sm-12 col-md-6">A</div>
    <div class="all b col-sm-12 col-md-6">B</div>
    <div class="clearfix"></div>
    <div class="all c col-sm-12 col-md-6">C</div>
</div>

您可以删除 <div class="clearfix"></div>如果你不关心高度不匹配这是一个有效的 jsfiddle