Javascript 如何将css中的行从桌面上的3x3更改为移动设备上的2x4？

下面的代码显示了台式机每行3个图像。在手机上观看时，它会显示两幅图像，然后是1、2、1、2，等等

当移动设备有4行2行时，我如何使其保持3行3行用于桌面

谢谢

<div class="row">
    <div class="col-xs-6 col-md-4">
        <img class="images img-responsive" src="" alt="text"></img>  
    </div>
    <div class="col-xs-6 col-md-4">
        <img class="images  img-responsive" src="" alt="text"></img>
    </div>
    <div class="col-xs-6 col-md-4">
        <img class="images  img-responsive" src=""></img>
    </div>
</div>
<div class="row">
    <div class="col-xs-6 col-md-4">
        <img class="images img-responsive" src="" alt="text"></img>  
    </div>
    <div class="col-xs-6 col-md-4">
        <img class="images  img-responsive" src="" alt="text"></img>
    </div>
    <div class="col-xs-6 col-md-4">
        <img class="images  img-responsive" src=""></img>
    </div>
</div>
<div class="row">
    <div class="col-xs-6 col-md-4">
        <img class="images img-responsive" src="" alt="text"></img>  
    </div>
    <div class="col-xs-6 col-md-4">
        <img class="images  img-responsive" src="" alt="text"></img>
    </div>
    <div class="col-xs-6 col-md-4">
        <img class="images  img-responsive" src=""></img>
    </div>
</div>

---

使用以下格式

(container)
  row
    col-md-4 col-xs-6
    col-md-4 col-xs-6
    ...(6x)

这些列将环绕在彼此下方，因此在中等视图中，一行中有3列，在移动视图中，一行中有2列

如果后面的列让您感到困扰，只需添加类

col-xs-offset-3

和

col-md-offset-2

（例如）。偏移将根据视图进行更改。您可以将此偏移量映像为一个“不可见”列，该列位于新行第一列之前。

尝试以下操作：

<div class="row">

    <div class="col-xs-6 col-md-4">
    <img class="images img-responsive" src="" alt="text"></img>  
    </div>

    <div class="col-xs-6 col-md-4"><img class="images  img-responsive" src="" alt="text"></img>
    </div>

    <div class="col-xs-6 col-md-4"><img class="images  img-responsive" src=""></img>
    </div>


    <div class="col-xs-6 col-md-4">
    <img class="images img-responsive" src="" alt="text"></img>  
    </div>

    <div class="col-xs-6 col-md-4"><img class="images  img-responsive" src="" alt="text"></img>
    </div>

    <div class="col-xs-6 col-md-4"><img class="images  img-responsive" src=""></img>
    </div>


    <div class="col-xs-6 col-md-4">
    <img class="images img-responsive" src="" alt="text"></img>  
    </div>

    <div class="col-xs-6 col-md-4"><img class="images  img-responsive" src="" alt="text"></img>
    </div>

    <div class="col-xs-6 col-md-4"><img class="images  img-responsive" src=""></img>
    </div>

  </div>

---

拉入单个

行中的所有
类并使用
col-sm-4 col-xs-6

宽度(≥768px）
col-sm-4
可以工作，宽度也可以（把它们都放在一排哇，太简单了！谢谢！