Bootstrap文本字段按钮添加标签

Question

我有以下引导代码，用于显示带按钮的文本字段：

 <div class="form-group">
   <div class="input-group">
      <span class="input-group-btn">
      <button class="btn btn-default" type="button">Go!</button>
      </span>
      <label>Second Column</label>
      <input type="text" class="form-control" placeholder="Search for...">
   </div>
   <!-- /input-group -->
</div>

我应该得到这样的东西：

但我得到的是：

我猜它是因为<label>标记。

  

有关如何解决此问题的任何线索？

Answer 1

我认为您需要将label移到.input-group

之外

＆＃13;

＆＃13;

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />

<div class="form-group">
   <label for="field1">Second Column</label>
   <div class="input-group">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
      <input id="field1" type="text" class="form-control" placeholder="Search for...">
   </div>
</div>

＆＃13;

＆＃13;

＆＃13;