如何樣式輸入與電臺插件的錯誤消息 - twitter引導

Question

我想風格輸入字段與電臺插件的錯誤消息（.help塊）。它工作正常，沒有 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> 

那麼我應該做的，通過引導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> 

Answer 2

如果你想顯示在同一行的消息提供，而不是help-block（如果夠了），您可以使用tool-tip，這裏是DEMO

HTML

<div class="input-group has-error"> 
    <span class="input-group-addon"> 
     <input type="radio" name="answer" value="a" class="" /> 
    </span> 

    <input type="text" class="form-control " placeholder="Your answer here..." name="a" id="a" /> 
    <span class="input-group-addon"> 
     <span data-toggle="tooltip" title="" data-container="" > 
      This field is required 
     </span> 
    </span> 
</div>