McGill & Hill Group
Powered by Quotion  v3.0.5 © 2018

Previous Page / Control Center Title

Basic form inputs

Examples of standard form controls supported in an example form layout. Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing. Labels in horizontal form require .control-label class.

Basic inputs
This is a static text
Basic selects
Basic file inputs
Form helpers
Left aligned helper
Centered helper
Right aligned helper
Left aligned label
Centered label
Right aligned label
Left aligned label
Centered label
Right aligned label
Inline text helper
Inline label helper
Input icons
Validation states
Warning input helper
Success input helper
Error input helper
Text options
Other text options work as well
Field options
Available in 12 columns sizes since it's based on 12 columns grid
Sizing options
Color options
Type options
Using input type="datetime"
Using input type="date"
Using input type="month"
Using input type="time"
Using input type="week"
Using input type="number"
Using input type="email"
Using input type="url"
Using input type="search"
Using input type="tel"
Using input type="color"
Using input type="range"