Bootstrap 3单选按钮覆盖标签

时间:2014-09-17 09:02:08

标签: html css twitter-bootstrap twitter-bootstrap-3 radio-button

<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标签文本由单选按钮覆盖。如何使文本与收音机对齐,使其不被遮盖?

1 个答案:

答案 0 :(得分:3)

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

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