Twitter bootstrap 引导中的4列响应

我想用4列组成一行。当用户使用平板电脑时，该行将有2列，其余2列将跳转到该行下

然后，当用户使用移动设备时，该行将有一列，其他列将相互跳转

你能帮我吗？我试过这个：

    <div class="col-md-3 col-sm-6 col-xs-12">
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
    </div>

---

问题似乎在于您可能需要与div的边界或边距。此外，您还必须始终将它们包装在

给所有人一个单独的类（比如“bootCols”）并添加以下css：

.bootCols{
    margin:0;
    box-sizing:border-box;
    padding:5px;
    border:2px solid auto;
}

您可以根据需要删除/编辑此css中的填充和边框

下面是一个活生生的例子：

.bootCols{
高度：100px；
保证金：0；
框大小：边框框；
填充物：5px；
边框：2件纯黑；
背景色：红色；
}

---

我认为这是正确的。你的问题是什么？