Bootstrap Forms - General

Good to know! All the form elements can be customized directly in the variables file which allows you to create new styles easily and qickly. Checkout the pre-defined stylesheets we are providing you in the style switcher to see how much you can do within minutes.

Basic example

Example block-level help text here.

Horizontal example

Inline example

$
.00
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.

Inputs

Textareas

Selects

Input groups

@
@example.com
$ .00

Checkboxes and radio addons

Checkboxes and radios

Inline checkboxes and radios

Checkboxes and radios without label text

Static control

email@example.com

Inline static control

email@example.com

Validation states

(success)
(warning)
(error)
@
(success)

With optional icons

Control sizing

Horizontal form group sizes

Column sizing