Bootstrap 4 - 网格 xs 两列

Question

我在使用 bootstrap 4 时遇到了一些问题，我想在更大的尺寸上制作 3 列，在 xs 上制作 2 列。

我无法执行此操作，因为在 xs 上我总是只有一列，我做错了什么？或者我不明白网格是如何工作的？

<div class="row"> <div class="col-md-4 col-xs-6"> 11111 </div> <div class="col-md-4 col-xs-6"> 2 </div> <div class="col-md-4 col-xs-6"> 3333 </div> <div class="col-md-4 col-xs-6"> 444 </div> <div class="col-md-4 col-xs-6"> 5555 </div> <div class="col-md-4 col-xs-6"> 666 </div> </div>

Answer 1

在 Bootstrap 4 (alpha 6) col-xs-* 中现在只是 col-*..

<div class="row">
        <div class="col-md-4 col-6">
            11111
        </div>
        <div class="col-md-4 col-6">
            2
        </div>
        <div class="col-md-4 col-6">
            3333
       </div>
        <div class="col-md-4 col-6">
            444
       </div>
        <div class="col-md-4 col-6">
            5555
        </div>
        <div class="col-md-4 col-6">
            666
        </div>
</div>

演示：http://www.bootply.com/6gFNUoXGoU

Bootstrap 4 - 网格 xs 两列

Bootstrap 4 - grid xs two columns

twitter-bootstrap

twitter-bootstrap-4