twitter/bootstrap — Issue #1556: text input type widths off by 10px
Author: dulakian
Created: 2012-02-01 23:27:23+00:00
State: open

Building a form on the new bootstrap 2.0 and noticed an issue with text input boxes.

[ss]: http://alwandassociates.com/static/images/screenshot-chrome.png "Chrome Stable Screenshot"

![Chrome Stable Screenshot][ss]

The street and city and zip text inputs get an extra 10px in width somewhere, but in devtools/firebug they show width as correct, though clearly they are 10px off, from the screenshot.

Street is set to class input-xlarge, the same as the country select, so should be 270px wide, but it's 280px wide.

Input type="text" get 10px more than other input types, when using the 'input-*' classes. I am using these classes rather than span* classes, because they line up better inline when you want multiple fields on a single line.

The screenshot is from the latest Chrome stable on linux, but FF 3.x and 9.x both also show this exact issue and screenshots from them would be identical in terms of the widths being off. I'm not great at CSS but I did take a stab at figuring out where the extra width comes from, but I am unable to find it.

Also to be clear I have no styles applied to the page, just bootstrap.css and bootstrap-responsive.css are loaded for that screenshot.