twitter/bootstrap — Issue #1571: File Input width creates issue in Firefox (10/Win)
Author: simshaun
Created: 2012-02-02 03:40:22+00:00
State: open

Bootstrap applies a 210px width on all input elements. In Firefox, this creates an issue when having a file input and inline help text.

Visually, the help text appears to lose its left margin.

Under the hood, the browser is actually applying the 210px width to the file input, but it does not affect the element visually. Try reducing the input width in Firebug and you will notice the inline help text eventually displays over top of the "Browse..." button.

To see what I mean, see this screenshot:

http://i.imgur.com/7Px6J.png