Bootstrap 图像没有响应

Question

我有这个 html/php 代码（在引导框架内），它在大屏幕上并排显示每行的 2 个图像，直到 $pool 结束。 我的愿望是，在较小的屏幕上，图像将相互显示并以最大宽度显示。但这行不通。

<div class="container">
  <?php foreach ($pools as $key => $pool):?>
    <div class="row justify-content-around">
      <div class="col-6">
        <img src="<?=$key?>_24.png" class="rounded" >
      </div>

      <div class="col-6">
        <img src="<?=$key?>_7.png"  class="rounded" >
      </div>
    </div>
<?php endforeach;?>
</div>

提前致谢。

bfo