Forms Initializer Bootstrap 3.1.1-表单标签和输入高度不匹配

我正在使用基本的Initializer Bootstrap 3.1.1网站模板构建一个小网站

我使用以下示例代码来显示一个简单的表单：标签和输入字段

<form class="form-horizontal">
    <div class="form-group">
        <label for="inputEmail" class="control-label col-xs-2">Email</label>
        <div class="col-xs-10">
            <input type="email" class="form-control" id="inputEmail" placeholder="Email">
        </div>
    </div>
    <div class="form-group">
        <label for="inputPassword" class="control-label col-xs-2">Password</label>
        <div class="col-xs-10">
            <input type="password" class="form-control" id="inputPassword" placeholder="Password">
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-offset-2 col-xs-10">
            <div class="checkbox">
                <label><input type="checkbox"> Remember me</label>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-offset-2 col-xs-10">
            <button type="submit" class="btn btn-primary">Login</button>
        </div>
    </div>
</form>   

电子邮件
密码
记得我吗
登录

但我在Firefox中看到了这一点：

标签元素的高度与输入元素的高度不同。在不使用引导css的情况下，我能做些什么来修复这个问题吗

---

旧版本的引导程序似乎没有此问题。

发现了此问题。我的代码中有grid.css，它用上面看到的边框和颜色格式化了我的标签和输入。现在让我困惑的是，我仍然可以使用网格元素（行、列），而不需要在代码中包含grid.css，它可以生成一个漂亮的网格，而不需要格式化（请参见上图中的颜色/边框）。我认为grid.css是强制使用网格元素的。我想不是。