Bootstrap 3 を使用すると、刷新されたグリッド システム (col-xs、col-sm、col-md、col-lg) があることがわかりました。携帯電話やポートレート モードのタブレットでサイトを表示するときに、いくつかの列が必要な場合があることがわかります。そのため、誰かが col-xs-2 や col-sm-2 などを使用する理由になります。ただし、私は物事をシンプルに保つのが好きです。「col-md-x」クラスに固執し、それを念頭に置いてサイトを設計するのが最善でしょうか? したがって、970px より小さいデバイス ビューポートは垂直方向にスタックされます (col-md ブレークポイントは 969px) 。個人的には、750px 未満のページに複数の列がある場合、ほとんどのデザインは見苦しく雑然としていると思います。
「col-md-x」クラスはレスポンシブ サイトの適切なベースラインですか? 設計目的では、これが最も管理しやすく、作業しやすいようです。