如何使引导列中的 5 个图像响应

Question

我有一排有 2 列。在第二列中，我有 5 张宽度为“60px”且高度为“66px”的图像。如何使这 5 个图像水平居中但响应。 text-align:center 没有帮助，因为在较小的设备中它们看起来不太好。它们应该在另一个而不是水平居中。如何在列的中心制作图像并且它们之间的距离相同？

这是我的代码：

.image {
  margin-right: 15px; 
}

<div class="row">
  <div class="col-md-6">
   some text
  </div>
  <div class="col-md-6">
    <img src="#" class="image">
    <img src="#" class="image">
    <img src="#" class="image">
    <img src="#" class="image">
    <img src="#" class="image">
  </div>
</div>

Answer 1

如果没有工作示例，很难准确说出您想要做什么，但是您是否尝试过简单地为图像分配 col-xs-12 类以使它们在 xs 视口上完全（父）宽度？