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

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