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>

Answer 2

如果你使用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

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

2 个答案: