Form Elements page header description goes here...

INPUTS

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

TEXTAREA

Form control which supports multiple lines of text. Change rows attribute as necessary.

SELECT

Note that many native select menus—namely in Safari and Chrome—have rounded corners that cannot be modified via border-radius properties.

For <select> controls with the multiple attribute, multiple options are shown by default.

CHECKBOXES

Checkboxes are for selecting one or several options in a list and we styled it with CSS and Glyphicon.

Add .checkbox-success or other bootstrap color class to change the checkbox checked color.

RADIOS

Radios use for selecting one option from many. You may add .disabled class to the wrapper of the radios.

Add .radio-success or other bootstrap color class to change the radio checked color.

VALIDATION STATES

@
A block of help text that breaks onto a new line and may extend beyond one line.

CONTROL SIZING

Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.

DEFAULT FORM

All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default.

HORIZONTAL FORM

Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form.

[email protected]

INLINE FORM

Add .form-inline to your form (which doesn't have to be a <form>) for left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.

Reset Setting