响应时，Col-md-4和Col-xs-6无法正常工作

Question

在桌面视图中，我有两行图像，每行包含3张图像。

但是在移动视图中，我希望它是三行图像，每行包含2张图像。

如何在移动设备中具有三行，在桌面中具有两行？

我尝试了以下操作，但结果没有达到预期。

<div class="container" style="padding: 50px">
  <div class="row">
  <div class="col-md-4 col-xs-6"> 
     <img src="">
  </div>
  <div class="col-md-4 col-xs-6"> 
     <img src="">
  </div>
  <div class="col-md-4 col-xs-6"> 
     <img src="">
  </div>
  <div class="col-md-4 col-xs-6"> 
     <img src="">
  </div>
  <div class="col-md-4 col-xs-6"> 
     <img src="">
  </div>
  <div class="col-md-4 col-xs-6"> 
     <img src="">
  </div>

预先感谢