Form-Elements

Inputs & Textareas

Textual form controls like <input> s and <textarea> s an upgrade with custom styles,focus states, and more.

Input Sizes

Set heights using classes like .form-control-lg and .form-control-sm.

Valid Inputs

Readonly plain text

If you want to have <input readonly> elements in your form styled as plain text, use the <.form-control-plaintext> className to remove the default form field styling and preserve the correct margin and padding .

Select

Customize the native <select>s with custom CSS that changes the element’s initial appearance.

country
country
country

Select Sizes

You may also choose from small and large custom selects to match our similarly sized text inputs.

country
country
country

Gerenal Elements

Checksbox & Radio Buttons

Toggle switches

Switches
  • Bootstrap Switch Default
  • Bootstrap Switch Primary
  • Bootstrap Switch Success
  • Bootstrap Switch Info
  • Bootstrap Switch Warning
  • Bootstrap Switch Danger

Default Input Groups

@
@example.com
https://example.com/users/
$.00
@

Input Groups Sizes

Small
Default
Large

Bootstrap Fileuploads

Form Elements With Sizes

Select
Select
Select