twitter-bootstrap - 输入附加元素的全宽

Question

我想要一个 divrow与input-append（右侧有两个按钮的字段）跨越行本身的所有宽度。换句话说，我想要这个：

<div class="row">
    <div class="span12">
        <div class="input-append">
          <input class="" id="appendedInputButtons" type="text">
          <button class="btn" type="button">Search</button>
          <button class="btn" type="button">Options</button>
        </div>
    </div>
</div>

这需要所有可用<div class="input-append">的宽度（其父级的跨度 12）。

为了更务实，我想转换这段代码，以便让我的输入元素覆盖该行的所有可用空间：http: //jsfiddle.net/bertuz/tS6Dm/

如果我将类设置span12为我的input元素，这两个按钮当然会溢出。这不是我想要的。任何建议将不胜感激

Answer 1

如果您向所有三个元素添加一些跨度类怎么办？类似的东西

<div class="row">
  <div class="span12">
    <div class="row-fluid">
      <div class="controls controls-row">
        <input class="span8" type="text" placeholder="Text input">
        <button class="btn span2" type="button">Search</button>
        <button class="btn span2" type="button">Options</button>
      </div>
    </div>    
  </div>
</div>    

顺便说一句，您的 jsfiddle 不起作用，因为不包括引导 css ;)