CODEWITHSUNDEEP
htmlcsstwitter-bootstraptwitter-bootstrap-3radio-button
Georgi Georgiev
Georgi Georgiev

Reputation: 3964

Bootstrap 3 Radio buttons covering labels

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

As you can see here http://www.bootply.com/iqEGNLKQvA the label text is covered by the radio button. How Do I make the text align to the radio so it is not covered?

Upvotes: 0

Views: 861

Answers (1)

MJPearsall
MJPearsall

Reputation: 185

Placing the label text after the radio button input solves your issue:

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

Upvotes: 3

Related Questions