Twitter bootstrap 缩小屏幕（响应）时，如何使用引导将多个列（2）显示为一个？

我有一个十二列的设计。我想在更大的屏幕上显示

col-md4 + col-md2 + col-md2 + col-md 2 + col-md2.

当使用较小的屏幕时，我希望显示

col-md4 + col-md2 + col-md2 + col-md 2 + col-md2.

• col-md4

  一行
• 第二行有两个

  col-md2s

• 最后一行还有两个

  col-md2s

我如何使用引导来实现这一点

我上传了一张我是如何描述这一点的图片，因为描述可能会令人困惑。：）

---

由于Bootstrap的网格系统首先是移动的，所以您应该从另一个角度来看待它，并从较小的尺寸开始进行分析。 我要做的是：

<div class="col-md-4">
    <p>some text</p>
</div>
<div class="col-xs-6 col-md-2">
    <p>some text</p>
</div>
<div class="col-xs-6 col-md-2">
    <p>some text</p>
</div>
<div class="col-xs-6 col-md-2">
    <p>some text</p>
</div>
<div class="col-xs-6 col-md-2">
    <p>some text</p>
</div>

一些文本

一些文本

一些文本

一些文本

一些文本

希望这有帮助