html - Bootstrap 3 单选按钮覆盖标签

Question

<div class="container">
 <div class="form-group">
<div class="col-xs-4">
  <label class="control-label">Ganztägig</label>
    </div>  
    <div class="col-xs-8">
    <label class="radio-inline">
        Nein
        <input value="False" name="Appointment.AktWholeDay" id="Appointment_AktWholeDay" checked="checked" type="radio">
    </label>
    <label class="radio-inline">
        Ja
        <input value="True" name="Appointment.AktWholeDay" id="Appointment_AktWholeDay" type="radio">
    </label>
</div>

正如你在这里看到的http://www.bootply.com/iqEGNLKQvA标签文本被单选按钮覆盖。如何使文本与 radio 对齐而不被覆盖？

Answer 1

在单选按钮输入后放置标签文本可以解决您的问题:

<label class="radio-inline">
        <input value="False" name="Appointment.AktWholeDay" id="Appointment_AktWholeDay" checked="checked" type="radio"/>
        Nein
</label>