css - Bootstrap 3 输入组未正确显示

Question

我正在将 bootstrap 3 集成到我自己的管理模板中，但输入组的显示存在问题。我不知道哪个 CSS 规则破坏了输入组的显示。这是 JSFIDDLE http://jsfiddle.net/Zw7BG/

<div class="input-group">
    <input type="text" id="form_weight" value="0" name="weight" class="form-control text-right">                          
    <span class="input-group-addon">Kg</span>
</div>

Answer 1

您只需在下面的代码中添加一个类 pull-right：

<input type="text" id="form_weight" value="0" name="weight" class="form-control text-right pull-right">                         
<span class="input-group-addon">Kg</span>

请检查：http: //jsfiddle.net/Zw7BG/2/