Individual form controls receive styling, but without any required base class on the <form>
or large changes in markup. Results in stacked, left-aligned labels on top of form controls.
Elastic textarea with autogrow
A textarea which grows vertically as it becomes full. This implementation - inspired by Facebook - relies on a hidden auxiliary div
, preventing flickering scrollbars.
js/plugins/textarea-autogrow.js
With Characters Limit
$("#textarea_id").limiter(100, elem);
js/plugins/character-limit.js
WYSIWYG Bootstrap Style Editor
$('#editor').wysihtml5({ "image": false, "link": false });
js/plugins/bootstrap-wysihtml5.jsFor more information check GitHub
Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly.
For more information check Chosen Website.
js/plugins/chosen/chosen/chosen.jquery.min.js
Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
For more information check Uniform JS.
js/plugins/jquery.uniform.min.js
Add datepicker or colorpicker to field or to any other element.
For more information check Datepicker and Colorpicker .
js/plugins/bootstrap-datepicker.js
js/plugins/bootstrap-colorpicker.js
This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).
For more information check Masked Input Plugin .
js/plugins/jquery.maskedinput-1.3.js
Use .span1
to .span12
for inputs that match the same sizes of the grid columns.