Sample Basic Forms

Form row

Basic form elements

Basic form elements

Select menu

Custom <select>menus need only a custom class,.custom-selectto trigger the custom styles.

Switches

A switch has the markup of a custom checkbox but uses the .custom-switchclass to render a toggle switch. Switches also support the disabledattribute.

Checkboxes and radios

Input Sizes

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

Input Group

Easily extend form controls by adding text,buttons,or button groups on either side of textual inputs,custom selects,and custom file inputs

@

Input Types

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.

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