Fluid input-append in Bootstrap Responsive

Question

I\'ve been struggling to get an input with an input-append element to have the correct width in a fluid layout. I\'m using v2.0.4 of Bootstrap. As I resize to make the page

Answer 1

This is a pure CSS solution that works awesome, no nasty jQuery/JavaScript for layout purposes.

http://jsfiddle.net/9Ma8V/

The HTML

The CSS

input[type=text] {
   width: 100%;
}
.inline-button-input {
   width: 100%;
   float: right;
}
.inline-button-input div {
   overflow: hidden;
   padding-right: .5em;
}
.inline-button-input input[type=submit] {
   float: right;
}