css - 如何将按钮放在 Bootstrap 中的文本框附近？

Question

我已经有一行了

<div class="row input_section">
    <div class="span3">
        <h3>Origin</h3>
        <p>Where is the orinin of the delivery? Use to calculate price of delivery</p>
    </div>
    <div class="span9 delivery_section">
        <label><div>Address</div>
           <input type="text" name="type" value=""/>
        </label>
        <label>
            <button class="btn btn-primary"  type="button">Verify</button>
        </label>
        <label><div style="width:100%;height:150px;border:1px solid black;"></div></label>
    </div> 


</div>

我想在 span9 中做完整的 div 大小。那么，我该怎么写呢？

Answer 1

我的 friend ，直接来自 bootstrap 文档

<div class="input-group">
  <input type="text" class="form-control">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
</div>