输入附加元素的全宽

Question

我想要一个带有input-append的div row（右边有两个按钮的字段），它跨越了行本身的所有宽度。换句话说，我想有这样的：

<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

如果你添加一些span类到所有三个元素？类似的东西

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