在 Bootstrap 3 输入旁边放一些文本答案

【问题标题】：Put some text next to Bootstrap 3 input在 Bootstrap 3 输入旁边放一些文本
【发布时间】：2014-04-08 04:38:24
【问题描述】：

我有下面的 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>

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

谢谢

【问题讨论】：

我在这里回复：stackoverflow.com/questions/18404003/… 问候！

标签： css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

如果您使用form-inline，它将像这样工作..

<form class="form-inline">
  <div class="form-group">
      <label>Surname:</label>
      <input class="form-control" type="text" name="surname"> !
  </div>
</form>

http://www.bootply.com/119169

【讨论】：

谢谢，我使用的是横向表格。

【解决方案2】：

使用此代码，它可以工作

   <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>

【讨论】：

谢谢，我已经尝试过了，但是（很抱歉我没有在问题中提到它）我不能将它用于复选框或文本区域。