我对 bootstrap 4 有一些问题,我想在更大的尺寸上制作 3 列,在 xs 上制作 2 列。
我无法做到这一点,因为总是在 xs 我有一栏,我做错了什么?或者我不明白网格是如何工作的?
https://jsfiddle.net/pgvdhcy4/<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>
最佳答案
在 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
关于twitter-bootstrap - Bootstrap 4 - 网格 xs 两列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42974648/