Twitter bootstrap 内联复选框或radiobox前面有文本时的行高问题 使用Bootstrap 3，我试图在句子的中间创建一个带有复选框的表单。我假设我应该使用，但它对我的线条高度有以下影响：

示例代码位于

---

有没有办法让复选框真正与周围环境保持一致？

我已经在引导页面上重新检查了您的代码。使用

窗体水平
类时出现问题。我不知道你为什么要用它，你可能有一些原因

让我们看看第2153行的
Bootstrap.css
：

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

您可以看到有
填充顶部：7px
。这将按下复选框
7px


为了解决这个问题，您有两个选择

如果不需要，请删除
窗体水平
类

创建一个新类并设置
填充顶部：0
：
您的CSS文件：

.foo{
  padding-top: 0 !important;
}

您的HTML文件：

<label class="checkbox-inline foo"><input type="checkbox" value="Adopted" id="family-adopted">please check this box.</label>

请勾选此框。
我刚刚用Chrome试用了你的代码。它工作得非常好。那么，您使用的是哪种浏览器呢？我已经在当前的Firefox和Chrome中进行了测试，这两种浏览器都存在相同的问题。我的代码中的完整路径是：body>div.container>form.form-horizontal>div.page-header>p>label.checkbox-inline>input请输入完整的版本代码来编辑您的问题。这样我就可以为您测试了。我已经修改了这个问题，将其链接到