Twitter bootstrap 3 如何在textbox twitter引导后设置文本

Twitter bootstrap 3 如何在textbox twitter引导后设置文本,twitter-bootstrap-3,Twitter Bootstrap 3,我有一个使用以下标记的表单元素。。您可以在以下屏幕截图中找到表单的当前外观: 如何在相应的文本框后面设置“In”和“Lbs” <div class="form-group"> <label for="BI16" class="col-md-1 col-md-offset-1 control-label">Height:</label> <div class="col-md-1"> <input type="t

我有一个使用以下标记的表单元素。。您可以在以下屏幕截图中找到表单的当前外观:

如何在相应的文本框后面设置“In”和“Lbs”

<div class="form-group">
    <label for="BI16" class="col-md-1 col-md-offset-1 control-label">Height:</label>
    <div class="col-md-1">
        <input type="text" id="BI16" name="medicareNumber" class="form-control" ng-model="hraFormData.HraValuesJson.BI16" />In
    </div>
    <label for="BI16" class="col-md-1 control-label">Weight:</label>
    <div class="col-md-1">
        <input type="text" id="BI16" name="medicareNumber" class="form-control" ng-model="hraFormData.HraValuesJson.BI16" />
    </div>
    <label for="BI16" class="col-md-1 control-label">BMI:</label>
    <div class="col-md-2">
        <input type="text" id="BI16" name="medicareNumber" class="form-control" ng-model="hraFormData.HraValuesJson.BI16" />Lbs
    </div>
    <label for="BI16" class="col-md-1 control-label">Waist:</label>
    <div class="col-md-2">
        <input type="text" id="BI16" name="medicareNumber" class="form-control" ng-model="hraFormData.HraValuesJson.BI16" />
    </div>
</div>

高度:
在里面
重量:
体重指数:
磅
腰围:
您可以使用引导将装置连接到输入端:


高度:
在里面
重量:
磅
体重指数:
腰围:

如果你不想要这个样式,但是想要它以OP的方式显示呢?你说的“样式”是指特定的HTML吗?Bootstrap的CSS选择器非常特殊,因此您没有更改HTML结构的选项。您需要匹配他们在文档中显示的内容。不,HTML不(或不应该!)定义样式。我指的是Bootstrap如何呈现插件,一种带有边框和背景的附加“框”。YMMV但那不是OP想要的。我问这个问题的原因是因为我也想要它(放弃了,最后在输入端插入了一个
display:inline
)。引导方式产生了一个带有背景和边框的小框,可以直观地“附加”到输入端。OP和I有文本字符,句号。样式不同。对不起,我不知道怎么说得更清楚了。“OP和我有文本字符,句号。样式不同。”啊哈!我不明白那部分,我明白了。引导输入组不提供变体。您可以向插件中添加其他类,并将背景颜色设置为“透明”,然后删除边框。