html - 如何使用 radio 插件为错误消息设计输入样式 - twitter bootstrap

Question

我正在尝试使用 radio 插件为错误消息 (.help-block) 设置输入字段的样式。没有 radio addons 也能正常工作.但是使用插件，文本跳转到输入字段下的新行。

看起来像这样

HTML

<div class="input-group has-error">
  <span class="input-group-addon">
    <input type="radio" name="answer" value="a">
  </span>
  <input type="text" class="form-control" placeholder="Your answer here..." name="a" id="a">
  <span class="help-block">The a field is required</span>
</div>

那么bootstrap 3提供的我该怎么办

Answer 1

我做错了。

<div class="form-group has-error">
  <label for="a">Answer A</label>
    <div class="input-group ">
      <span class="input-group-addon">
        <input type="radio" name="answer" value="a">
      </span>
      <input type="text" class="form-control" placeholder="Your answer here..." name="a" id="a">
   </div>
   <span class="help-block">The a field is required.</span>
</div>