Что такое .col-sm в Bootstrap?

вроде бы разобрался с классами .col и .offset , но не пойму .col-sm, как написано по английский , если я правильно перевёл, это сброс .offset

In addition to column clearing at responsive breakpoints, you may need to reset offsets.

, но тогда пример вообще не понятен

<div class="row">
  <div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
  <div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0">.col-sm-5 .offset-sm-2 .col-md-6 .offset-md-0</div>
</div>

<div class="row">
  <div class="col-sm-6 col-md-5 col-lg-6">.col-sm-6 .col-md-5 .col-lg-6</div>
  <div class="col-sm-6 col-md-5 offset-md-2 col-lg-6 offset-lg-0">.col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0</div>
</div>

вот его результат