Basic Form
Sample Basic Forms
Form row
Input Size
Use class .form-control-lg
or .form-control-sm
Select Size
Use class .form-control-lg
or .form-control-sm
Input Group
Multiple inputs
Multiple addons
Button Addons
Buttons With Dropdowns
Segmented Buttons
Custom Select
Custom File Input
Form Grid
Basic form elements
Basic form elements
Select menu
Custom <select>
menus need only a custom class, .custom-select
to trigger the custom styles.
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
.