台式机中的4列，平板电脑2列，使用引导程序在移动设备中为1列

Question

使用bootstrap非常有趣且有用，目前我在创建以下要求时面临问题。

"台式机中的4列，平板电脑中的2列，使用bootstrap中的1列"中的1列"有人可以告诉我正确的结构

Answer 1

不确定这是您想要的，但请看一下： -

演示

<div class="row">
    <div class="col-md-3 col-sm-6 col-xs-12">Col 1</div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 2</div>
    <div class="clearfix visible-sm"></div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 3</div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 4</div>
</div>

---更新的演示---