el-row里的栅格不在同一行

el-row里的el-col不在同一行显示

按照elementui文档写的，其他几行都没有问题，有一行里面的col 被分成了两行显示
代码如下：

 <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item label="分包负责人">
              <el-input v-model="form.operatorName" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="身份证号">
              <el-input v-model="form.operatorIdcard" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="联系人">
              <el-input v-model="form.linkPerson" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="联系电话">
              <el-input v-model="form.linkTel" disabled></el-input>
            </el-form-item>
          </el-col>
 </el-row>

效果图：

没找到原因，那就直接想办法解决吧
调整栅格间距gutter的值

 <el-row :gutter="19">
          <el-col :span="6">
            <el-form-item label="分包负责人">
              <el-input v-model="form.operatorName" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="身份证号">
              <el-input v-model="form.operatorIdcard" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="联系人">
              <el-input v-model="form.linkPerson" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="联系电话">
              <el-input v-model="form.linkTel" disabled></el-input>
            </el-form-item>
          </el-col>
 </el-row>

效果图

其他几行间距是20并没有问题，唯独这一行被分成了两行显示。好在改成间距19视觉效果差别并不明显。