复选框标签与复选框重叠-Bootstrap3 [英] Checkbox Label overlapping the checkbox - Bootstrap3

问题描述

我正在使用引导程序3&问题是该复选框的标签与文本重叠。我尝试了一些事情，但没有成功，因此，如果有人可以提供帮助，我将非常感激。这就是代码的样子，表单的类是水平的

I am using bootstrap 3 & the issue is that label for the checkbox is overlapping the text. I have tried a few thing things but did not work, so if someone can help I will really appreciate it. This is what the code looks like, The class of the form is form-horizontal

<div class="checkbox">
    <label class="checkbox-inline no_indent">I have read and agree with    privacy and disclosure policy.
    <input name="Terms" id="Terms" type="checkbox" ></label>
</div>

推荐答案

在Bootstrap中，应该是这样的， < input> 首先是文本。 http://jsfiddle.net/sqax02ah/

It's supposed to be like this with Bootstrap, <input> first and text after. http://jsfiddle.net/sqax02ah/

<div class="checkbox">
    <label class="checkbox-inline no_indent">
        <input name="Terms" id="Terms" type="checkbox">
        I have read and agree with privacy and disclosure policy.
    </label>
</div>

如果确实需要在最后出现复选框，则可以按照其他答案进行操作。

You can follow other answers if you do need the checkbox appears at the end.

这篇关于复选框标签与复选框重叠-Bootstrap3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！