Checkbox Label overlapping the checkbox - Bootstrap3

checkbox, css, twitter-bootstrap

Solution

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.

Problem

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> ```

Original source