html - 2x col-xs-6 进入新行而不是共享行

Question

我正在玩 Bootstrap 4，我正在尝试做一个非常简单的任务，连续 2x col-xs-6。它将值推送到新行:S。

 <div class="row">
     <div class="col-xs-6 col-sm-6">
           hehe
     </div>
     <div class="col-xs-6 col-sm-6">
           hehe
     </div>
 </div>

我也尝试过，但也不走运。

 <div class="col-xs-12">
     <div class="col-xs-6 col-sm-6">
           hehe
     </div>
     <div class="col-xs-6 col-sm-6">
           hehe
     </div>
 </div>

---

代替

|   6   |   6   |

我得到了

|       12       |
|       12       |

他们不应该工作吗？我错过了什么？

Answer 1

col-xs-* 不再存在于 bootstrap4 中。只需使用 col-6 即可。

<div class="container">
 <div class="row">
  <div class="col-6">.col-6</div>
  <div class="col-6">.col-6</div>
 </div>
</div>

http://v4-alpha.getbootstrap.com/examples/grid/

Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify xs.

所以它可能有点困惑，因为文档仍然引用“xs”，但这可能更多地与断点有关。