html - Bootstrap 表单中的阵容标签和复选框

Question

这是我生成的 HTML:

<div class="form-group">
                        <label class="control-label col-md-2" for="IsWebSiteActive">Website Active</label>
                        <div class="col-md-4">
                            <label class="checkbox-inline">
                                <input checked="checked" data-val="true" data-val-required="The IsWebSiteActive field is required." id="IsWebSiteActive" name="IsWebSiteActive" type="checkbox" value="true"><input name="IsWebSiteActive" type="hidden" value="false">
                            </label>
                        </div>
                    </div>

这里还有实时链接:http://www.bootply.com/rD54mFrKhp 但是它的标签和复选框没有对齐，正确的方法是什么？我“更喜欢”保持我目前拥有的相同结构，只是添加一些 CSS 来修复它，而不是重构整个表单。

Answer 1

我知道您宁愿乱用 CSS，但一个简单的更改就是完全删除带有 checkbox-inline 类的标签。这与您使用它的目的不同。