在一个类中放置多个col-size-＃在bootstrap中做什么？

Question

例如，会：

<div class="row">
    <div class="col-xs-12 col-xs-10">
    </div>
</div>

...怎么办？这会有什么不同：

<div class="row">
    <div class="col-xs-12">
    </div>
</div>

Answer 1

这不是预期用途。 xs前缀代表“超小”屏幕。您可以混合使用不同的前缀来调整不同移动断点的列。

<div class="row">
    <div class="col-xs-12 col-md-10 col-lg-5"></div>
</div>

这意味着12个宽屏超小屏幕，10个宽屏幕，5个宽屏幕。

参考：{{3}}