Bootstrap 3.1 issue with filter input width

[jcberquist]

This is in reference to integration/bootstrap/3/dataTables.bootstrap.css.

Bootstrap 3.1 added width: auto to .form-inline .form-control (for @media(min-width:768px)) which overrides the width of 16em set for the filter input in the css integration file. I think this could be fixed by simply adding the .form-control class to the div.dataTables_filter input css selector? That is, it would become:

div.dataTables_filter input.form-control {
  width: 16em;
}

I should note that this also happens the with the length select element, so perhaps this behavior is expected/desired?

[DataTables]

DataTables 1.10 does this already with the current integration: http://next.datatables.net/manual/styling/bootstrap .