Html 如何在调整窗口大小时重新调整引导中的行？

基本上我有2排3排缩略图。当屏幕缩小（或显示在平板电脑中）时，我希望有3行2行缩略图，当屏幕缩小到最小（或显示在手机上）时，我希望每行有1个缩略图。第三种情况是自己发生的，但我不知道如何获得3行2列。可视化：

桌面（我拥有的）

[…]

[…]

平板电脑（我想要的）

[][]

[][]

[][]

我能得到的最好的

[][]

[]

[][]

[]

我不确定在我尝试了这么长时间的引导中是否有办法做到这一点。

删除中间一行

<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>
</div>

一行包含col-12，您可以选择如何划分12

3x4=12=1行，包含3个元素

4*4=16=1行3个元素，1行1个元素

如果你超过12，它将进入一条新的“线”

---

您是否将代码放在容器中？在yes，class=“container”中跳过您的代码我只是把它忘在这里了这会搞乱我的一些Jquery动画，但它修复了我的响应问题。谢谢

<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="thumbnail"></div>
    </div>
</div>