Question

i’m currently working with Twitter Bootstrap and have a problem concerning the size of elements. I’d like to create an input field with an appended button. That’s why I’m using a div with “input-append”, which sorrounds the input and the button tag.
Now my problem: I want everything to be a bit bigger. So i gave the button tag the property “btn-large”. Unfortunately there doesn’t seem to be a similar property for the input field.
How can I fit the input field to the appended button?

<div class="input-append">
    <input class="span3" id="appendedInputButton" size="16" type="text"><button class="btn btn-large" type="button"><i class="icon-search"></i></button>
</div>

Heres an impression of my problem:

Regards,
Christoph

Answer 1

You can use following style and if you want bigger then increase padding.

input, button{ 
    padding: 7px;    
}