input type = "radio" элементы внутри входной группы с надстройкой входной группы

Question

При создании input-group, который содержит элементы input-group-addon и <input type="radio">, стилизация радиоэлементов выглядит крайне странно.Есть ли лучший способ для этого стиля?

<form>
  <div class="input-group"><span class="input-group-addon">
    <input name="catalog.tecdoc_webservice_enabled_is_nonblank" type="checkbox" value="true" checked=""></span>
    <label class="radio-inline"><input name="tecdoc_webservice_enabled" type="radio" value="true" checked="">enabled</label>
    <label class="radio-inline"><input name="tecdoc_webservice_enabled" type="radio" value="false">disabled</label>
  </div>
 </form>

https://www.bootply.com/EtjEb4QOGV

Answer 1

Похоже, просто добавление <div class="form-control"> вокруг радиовходов прекрасно работает:

https://www.bootply.com/lbtAbZ1bIR#

<div class="container">
<form>
  <div class="input-group"><span class="input-group-addon">

    <input name="catalog.tecdoc_webservice_enabled_is_nonblank" type="checkbox" value="true" checked=""></span>
    <div class="form-control">
        <label class="radio-inline"><input name="catalog.tecdoc_webservice_enabled" type="radio" value="true" checked="">enabled</label>
        <label class="radio-inline"><input name="catalog.tecdoc_webservice_enabled" type="radio" value="false">disabled</label>
    </div>
  </div>
</form>
</div><!-- /.container -->