css - 在 Bootstrap 3 输入旁边放置一些文本

Question

我有下面的 Bootstrap 3 代码:

<div class="form-group">
    <div class="col-sm-3 control-label">
        <label>Surname:</label>
    </div>
<div class="col-sm-9">
    <input class="form-control" type="text" name="surname"><span>!</span>
</div>

而且我需要在输入旁边显示感叹号，但它总是在新行上。请问如何把它放在输入旁边？

谢谢

Answer 1

使用这段代码，它有效

   <div class="form-group">
        <div class="col-sm-3 control-label">
            <label>Surname:</label>
        </div>
    <div class="col-sm-9">
        <div class="input-group">
        <input class="form-control" type="text" name="surname"><span class="input-group-addon">!</span>
        </div>
    </div>