Html 引导-列默认值

文件上写着：

内容应该放在列中，只有列可以是行的直接子行

下面是智能手机和平板电脑的例子：

<div class="row">
  <div class="col-xs-12 col-sm-12">Column One</div>
  <div class="col-xs-12 col-sm-12">Column Two</div>
</div>

第一栏
第二栏

---

当一列应该填充行宽时，我们是否必须设置类col-xs-12 col-sm-12，或者是否存在可以为两个设备设置的默认类？如果我们不设置列类，则由于行类上的负边距，内容将被向左和向右推送。

由于引导首先是移动的，如果您设置

.col-xs-12

，则您的div将在每个设备上都有一个完整的。这意味着您不必设置

.col-sm-12

<div class="row">
  <div class="col-xs-12">
    <!--
      12-col on xs/sm/md/lg 
    -->
  </div>
  <div class="col-xs-12 col-6-md">
    <!--
      12-col on xs/sm
      6-col on ms/lg
    -->
  </div>
  <div class="col-xs-12 col-6-md col-12-lg">
    <!--
      12-col on xs/sm
      6-col on md
      12-col on lg
    -->
  </div>
</div>

明白：）谢谢zessx

<div class="row">
  <div class="col-md-6">
    <!--
      12-col on xs/sm
      6-col on md
    -->
  </div>
</div>