bootstrap布局怎么让一行四列在小屏幕时两行两列显示啊

bootstrap布局怎么让一行四列在小屏幕时两行两列显示,以下是我的代码请大家帮忙看看

img

如果你想让一行四列在小屏幕时两行两列显示,可以使用Bootstrap的col-sm-6类来实现。你需要在每个列中添加这个类,并且需要在外层容器中添加row类,来表示这是一行。代码如下:

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