Bootstrap input-group text without button taking half the space

Question

I don't know if that is a supposed behaviour or not, but I've come across something weird with input-group . When there is just a text input inside it, the textbox is smaller than when there is a button. See the JSFiddle: https://jsfiddle.net/DTcHh/20367/

Is that normal ?

Answer 1

Since you´re not grouping anything I think this is to be considered normal. By adding a input addon it extends.

See this fiddle: https://jsfiddle.net/DTcHh/20370/

<div class="input-group">
    <!-- INPUT GROUP ADDON -->
    <span class="input-group-addon" id="basic-addon1">@</span>
    <input type="text" class="form-control">
</div>

Also read http://getbootstrap.com/components/#input-groups