Form Layouts
Basic Form
Disabled Inputs
Buttons On Left
Buttons On Right
Buttons On Right
Buttons On Bottom
With Input Groups
Heading & Input Icons
Background Color
Background Color
Without Labels
Without Labels
View Only
With Heading
Basic Form
Buttons On Top
Heading & Input Groups
Background Color
Background Color
Without Labels
Without Labels
View Only
Buttons On Left
Buttons On Right
Buttons On Left
Buttons On Right
With Input Groups
With Heading
Background Color
Background Color
View Only
With Heading
Buttons On Right
Buttons On Right
With Input Groups
With Heading
Background Color
Background Color
View Only
Add class
.rounded
to .form-control
or .input-group
as in the examples below to make those rounded.
Basic Form
Disabled Inputs
Buttons On Left
Buttons On Right
Buttons On Right
Buttons On Bottom
With Input Groups
Heading & Input Icons
Background Color
Background Color
Without Labels
Without Labels
View Only
With Heading
Basic Form
Buttons On Top
Heading & Input Groups
Background Color
Background Color
Without Labels
Without Labels
View Only
Buttons On Left
Buttons On Right
Buttons On Left
Buttons On Right
With Input Groups
With Heading
Background Color
Background Color
View Only
With Heading
Buttons On Right
Buttons On Right
With Input Groups
With Heading
Background Color
Background Color
View Only
Add class
.circle
to .form-control
or .input-group
as in the examples below to make those circle.
Basic Form
Disabled Inputs
Buttons On Left
Buttons On Right
Buttons On Right
Buttons On Bottom
With Input Groups
Heading & Input Icons
Background Color
Background Color
Without Labels
Without Labels
View Only
With Heading
Basic Form
Buttons On Top
Heading & Input Groups
Background Color
Background Color
Without Labels
Without Labels
View Only
Buttons On Left
Buttons On Right
Buttons On Left
Buttons On Right
With Input Groups
With Heading
Background Color
Background Color
View Only
With Heading
Buttons On Right
Buttons On Right
With Input Groups
With Heading
Background Color
Background Color
View Only