twitter bootstrap - full width for an input-append element -

i have div row input-append (a field 2 buttons on right) spans width of row itself. in other words, have this:

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

with <div class="input-append"> takes width available (span 12 of parent).

to more pragmatic, transform code in order have input element cover available space row has: http://jsfiddle.net/bertuz/ts6dm/

if set class span12 input element, 2 buttons overflow of course. , that's not want. piece of suggestion appreciated

what if add span class 3 elements? that

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

by way, jsfiddle don't work because bootstrap css not included ;)