css - twitter-bootstrap 输入字段的最大宽度

Question

我使用最新的 Twitter Bootstrap 框架进行了以下设置:

http://jsfiddle.net/hfexR/2/

我现在希望输入字段在旁边没有按钮时采用最大宽度。

如何使用纯 css 或 twitter-bootstrap 本身来做到这一点？

像 inline-block 这样的东西应该去，我只是现在不明白......

Answer 1

您可以像在 fiddle 中那样使用 te class input-block-level

<div class="container">
  <div class="span4 well">
    <form class="form-search">
      <input type="text" class="input-block-level search-query">
    </form>
    <form class="form-search">
      <input type="text" class="input-medium search-query">
      <button type="submit" class="btn">Cancel</button>
    </form>
  </div>
</div>