小编o_i*_*n25的帖子

我对Bootstrap很新,我理解Bootstrap如何使用12列网格.当我想利用Bootstrap网格时,我传统上这样做:

<div class="row">
    <div class="col-md-6">
    ...
    </div>
    <div class="col-md-6">
     ...
    </div>
</div>

我也理解不同的列大小用于不同的屏幕尺寸

<div class="row">
    <div class="col-xs-6">
    ...
    </div>
    <div class="col-xs-6">
    ...
    </div>
</div>

但是,我看到很多人做了类似的事情:

<div class="row">
    <div class="col-xs-6 col-md-6 col-lg-6">
    ...
    </div>
    <div class="col-xs-6 col-md-6 col-lg-6">
    ...
    </div>
</div>

为什么要使用多个列大小？浏览器会检测哪一个适合使用吗？