why is the input of a bootstrap inline form wider with validation format
Created by: bestconsultant
When I use the validation elements in an inline form with Bootstrap 3, the input's width is getting wider.
From my observation the normal case is that when the input element is verified 30.5px are removed from the input width and its padding is increased by 30.5px to give space for the glyphicon span. But in the inline form although the padding is increased, the width of the input is not decreased.
Here's a plunker to illustrate the comparison between two forms (you need to use full screen): http://plnkr.co/edit/MaNscQLTGBIOLTL3n5xy?p=preview
I'm not sure if this is a bootstrap bug or if I'm missing a class in my html.
(Issue posted on SO with no satisfying answer) http://stackoverflow.com/questions/24952694/why-is-the-input-of-a-bootstrap-inline-form-wider-with-validation-format