輸入附加元素的全寬

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）