Html 输入框和复选框’；她的身高不一样

我使用Bootstrap3.0.3创建了一个登录框。在第二行，密码输入框和复选框“s”（标记为

Auth

）的高度不同。在手机上，这种差异更为明显

我怎样才能使他们的身高相配

您可以通过执行以下操作为CSS中的HTML文本框/复选框设置固定的宽度和高度值

input[type="text"] {
    width: 10%;
    height:3%;
}
input[type="password"] {
    width: 10%;
    height:3%;
}
input[type="checkbox"] {
    height:2%;
}

您还可以使用px而不是百分比来设置它们。
希望设置一个固定的高度和宽度可以解决您的大小冲突问题。
您可以通过执行以下操作为CSS中的HTML文本框/复选框设置固定的宽度和高度值

input[type="text"] {
    width: 10%;
    height:3%;
}
input[type="password"] {
    width: 10%;
    height:3%;
}
input[type="checkbox"] {
    height:2%;
}

您还可以使用px而不是百分比来设置它们。
希望设置一个固定的高度和宽度可以解决您的尺寸问题。
更改

<input class="form-control input-sm" name="mb_password" ...

更改

<input class="form-control input-sm" name="mb_password" ...

尝试使用以下命令覆盖引导CSS：

.input-group-addon .checkbox {
    margin: 8px 5px 0 !important;
}

.input-group-addon {
    padding:0 !important;
}

尝试使用以下方法覆盖引导CSS：

.input-group-addon .checkbox {
    margin: 8px 5px 0 !important;
}

.input-group-addon {
    padding:0 !important;
}

将您的css复选框类display（显示：内联块）更改为display:inline，然后重试

.form inline.radio、.form inline.checkbox{display:inline块；左填充：0；页边距顶部：0；页边距底部：0}

到

.form inline.radio、.form inline.checkbox{display:inline；padding left:0；margin top:0；margin bottom:0}

在bootstrap.min.css中
将复选框类display的css更改为display:inline块，以display:inline，然后重试

.form inline.radio、.form inline.checkbox{display:inline块；左填充：0；页边距顶部：0；页边距底部：0}

到

.form inline.radio、.form inline.checkbox{display:inline；padding left:0；margin top:0；margin bottom:0}

在bootstrap.min.css中
尝试以下非常简单的方法：

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
  }
  input[type=radio] {
    bottom: 2px;
  }

试试这个非常简单的方法：

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
  }
  input[type=radio] {
    bottom: 2px;
  }

方//太好了。我忘了输入sm类标记。方//太好了。我忘了输入sm类标记。