Флажок Ярлык, перекрывающий флажок - Bootstrap3

Question

Я использую bootstrap 3 & Проблема заключается в том, что метка для флажка перекрывает текст. Я пробовал несколько вещей, но не работал, поэтому, если кто-то может помочь, я буду очень благодарен. Это то, что код выглядит, класс формы является формой горизонтальной

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

Answer 1

Это должно быть, как это с Bootstrap, <input> первый и текст после. 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> 

Вы можете следовать другие ответы, если вам нужно флажок появляется в конце.

Answer 2

В Bootstrap стилей ожидать thecheckbox быть первым, а затем текст и, следовательно, margin-left: -20px устанавливаются. Для вашего фрагмента вам нужно добавить пользовательские стили.

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { 
    margin-right: -20px; 
    margin-left: 0; 
} 

Fiddle

Answer 3

Попробуйте использовать display: inline-block для класса .checkbox, его следует помочь. Или изменить позицию с помощью поля margin-left: 20px;