Dynamic Responsive Tables with Bootstrap 3

The following function will force the table-responsive behavior in Bootstrap 3 when the table's width exceeds the window's, and while the window size is > 768 pixels. Bootstrap's default of 768 pixels [http://getbootstrap.com/css/#tables-responsive] is great in most cases, however I've encountered some requirements where I need to…

Bootstrap 3 Twitter Typeahead LESS Improvements

The following are some improvements I've made for Twitter Typeahead 0.9.3 [http://twitter.github.io/typeahead.js/] with Bootstrap 3 [http://getbootstrap.com/]. The typeahead-bootstrap.less file should be imported at the end of the bootstrap.less file. typeahead-bootstrap.less .tt-dropdown-menu { min-width: 160px; width: 100%; margin-top: 2px; padding:…

Bootstrap 3 DataTables Paging Modifications

Update Sept. 18, 2013: I have updated the JavaScript to include the following updates: * Adjusted the "sDom" column widths for the record selection/search filter fields * The "records per page" will wrap to a new line on extra small devices * Fixed an issue where filtered searches were not updating the…

Bootstrap 3 jQuery Validator Defaults

The following can be used with a Bootstrap 3 Horizontal Form. jQuery.validator.setDefaults({ debug: true, errorClass: 'has-error', validClass: 'has-success', ignore: "", highlight: function (element, errorClass, validClass) { $(element).closest('.form-group').removeClass('has-success').addClass('has-error'); }, unhighlight: function (element, errorClass, validClass) { $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); $(element).closest…