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 但它的标签和复选框没有排成一行，这样做的正确方法是什么？我＆＃34; 更喜欢＆＃34;保持我目前拥有的相同结构，只需添加一些CSS来修复它，而不是重构整个表单。

Answer 1

我知道你宁愿搞砸CSS，但是一个简单的改变就是用checkbox-inline类完全删除你的标签。这与你使用它的目的不同。

Answer 2

您需要做的就是删除，

<label class="control-label col-md-2" for="IsWebSiteActive">Website Active</label>

然后一切都应排好。由于柱子的嵌套，它没有排列。

Answer 3

删除标签标签。没有必要。

http://www.bootply.com/4MzCPAemh4

引导形式中的阵容标签和复选框

3 个答案: