addyosmani/jquery-ui-bootstrap — Issue #24: Hardcoded input width breaks bootstrap
Author: tjoneseng
Created: 2012-01-03 23:11:58+00:00
State: open

This CSS:

input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
display: inline-block;
width: 210px;
height: 18px;
padding: 4px;
font-size: 13px;
line-height: 18px;
color: #808080;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

Breaks the Bootstrap grid system (e.g., (and most likely application CSS that also set input width because the specificity takes precedence. You shouldn't be hardcoding widths of generic elements like this.