Basic Form Elements

Basic Input


With Placeholder

Disabled Input

Add disabled attribute to disable input field.

Readonly Input

Add readonly="readonly" attribute to set field readonly.

Predefined Value

Add value="VALUE" attribute to set predefined value.

Static Text

To set static text use .form-control-static class.

Input text with help

Muted help text using .text-muted class.

Textarea & Select

Textual form controls—like <select>s, and <textarea>s—are styled with the .form-control class. Included are styles for general appearance, focus state, sizing, and more.


Basic Textarea
Textarea with Placeholder
Textarea with Description

Textarea description text.


Basic Select
Custom select

To use custom select add class.custom-select to select.

Multiple select

To use multiple select add an attribute multiple="multiple".

Navbar Color Options

Layout Options

Sidebar menu Background

Sidebar Background Image
background image
background image
background image
background image