Most common form control, text-based input fields. Includes support for all HTML5 types:
<select> menus need only a custom class,
.custom-select to trigger the custom styles.
A switch has the markup of a custom checkbox but uses the
.custom-switch class to render a toggle switch. Switches also support the
Checkboxes and radios
Input Sizes & Group
Set heights using classes like
.input-lg, and set widths using grid column classes like
.form-inline to your form (which doesn't have to be a
for left-aligned and inline-block controls. This only applies to forms within viewports
that are at least 768px wide.
You may also swap
.form-row, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.