桌面4列，平板电脑2列，移动设备1列

Question

使用Bootstrap非常有趣且有帮助，目前我在创建以下要求时遇到问题。

“桌面4列，平板电脑2列，移动设备1列，使用bootstrap” 任何人都可以告诉我正确的结构

Answer 1

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

DEMO

<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>

--- UPDATED DEMO ---