适用于移动设备，平板电脑，桌面的Bootstrap网格

Question

我正在学习bootstrap并尝试理解网格系统。我已经掌握了它，但我需要对某些事情做一些澄清。我知道列中的列应该在给定的行中加起来为12，除了额外的小设备。为什么这里包含小型设备的列（col-sm-6）。这是来自bootstrap网站。谢谢。

 <div class="row">
  <div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>