gpt4 book ai didi

twitter-bootstrap - Bootstrap 4 - 网格 xs 两列

转载 作者:行者123 更新时间:2023-12-01 08:23:53 26 4
gpt4 key购买 nike

我对 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com