html - Bootstrap 在桌面上每行 5 列，在桌面上 3，在移动设备上 2？

Question

我正在尝试在桌面上每行引导 5 列，在桌面上设置 3 列，在移动设备上设置 2 列？

这是我当前的代码，没有任何运气：

<div class="row row-cols-5">
    <div class="col col-xs-6">
        R1
    </div>
    <div class="col col-xs-6">
        R2
    </div>
    <div class="col col-xs-6">
        R3
    </div>
    <div class="col col-xs-6">
        R4
    </div>
    <div class="col col-xs-6">
        R5
    </div>
</div>

我该如何正确地做到这一点？谢谢！

标签： htmltwitter-bootstraptwitter-bootstrap-3

Answer 1

<div class="row row-cols-lg-5">
    <div class="col-md-4 col-sm-6 col-6">
        1
    </div>
    <div class="col-md-4 col-sm-6 col-6">
        2
    </div>
    <div class="col-md-4 col-sm-6 col-6">
        3
    </div>
    <div class="col-md-4 col-sm-6 col-6">
        4
    </div>
    <div class="col-md-4 col-sm-6 col-6">
        5
    </div>
</div>