Web Development - Developer Blog

Developer Blog

Sign in Subscribe

Web Development

Articles discussing topics related to standard web technologies: HTML, CSS, & JavaScript

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 is great in most cases, however I've encountered some requirements where I need to squeeze large amounts of data

Bootstrap 3 Twitter Typeahead LESS Improvements

The following are some improvements I've made for Twitter Typeahead 0.9.3 with Bootstrap 3. 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: 5px 0; background-color: @dropdown-bg; border: 1px solid #ccc; border:

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