Html 使用引导从3x2（桌面）转到2x3（移动）布局

桌面视图中的我的网页分为2x3布局，即两行，每行有3个网格列（引导行和列），如下所示：

**image1   image2   image3
image4   image5   image6**

<div class="row">
   <div class="col-sm-4 col-md-4 col-lg-4">
      <img src="image1.png"/>
   </div>
   <div class="col-sm-4 col-md-4 col-lg-4">
      <img src="image2.png"/>
   </div>
   <div class="col-sm-4 col-md-4 col-lg-4">
      <img src="image3.png"/>
   </div>
</div>
<div class="row">
   <div class="col-sm-4 col-md-4 col-lg-4">
      <img src="image4.png"/>
   </div>
   <div class="col-sm-4 col-md-4 col-lg-4">
      <img src="image5.png"/>
   </div>
   <div class="col-sm-4 col-md-4 col-lg-4">
      <img src="image6.png"/>
   </div>
</div>

---

这可以通过使用引导框架来实现吗？

只需在列类中添加xs视口的声明，并使其成为一行，如下所示。只要列（以及使用它们时的列偏移量）等于12，就可以使用一个行包装器使多行值为列。我很高兴能帮上忙

<div class="row">
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
         <img src="image1.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image2.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image3.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image4.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image5.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image6.png"/>
    </div>
</div>

例如：

---

太好了！真管用！谢谢我没有意识到你可以把它们都放在一行中。我更新了我的答案，加入了行和列的区别。我很高兴能帮上忙。

<div class="row">
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
         <img src="image1.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image2.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image3.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image4.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image5.png"/>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
        <img src="image6.png"/>
    </div>
</div>