Sample Basic Forms
Form row
Basic form elements
Basic form elements
Select menu
Custom <select>
menus need only a custom class,.custom-select
to trigger the custom styles.
Switches
A switch has the markup of a custom checkbox but uses the .custom-switch
class to render a toggle switch. Switches also support the disabled
attribute.
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
.