Form Elements

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.

A block of help text that breaks onto a new line and may extend beyond one line.
Multiple select

Select menu

Custom <select> menus need only a custom class, .custom-select to trigger the custom styles.

Checkboxes and radios

Input Sizes & Group

Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.

@

Basic Example

We'll never share your email with anyone else.

Horizontal form

Inline Form

Add .form-inline to your form (which doesn't have to be a <form>) for left-aligned and inline-block controls. This only applies to forms within viewports that are at least 768px wide.

Auto-sizing
@

Form row

You may also swap .row for .form-row, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.

Settings

user-img
Agnes Kennedy

Admin Head


Basic Settings


Messages 25

Chadengle

Hey! there I'm available...

13:40 PM

Tomaslau

I've finished it! See you so...

13:34 PM

Stillnotdavid

This theme is awesome!

13:17 PM

Kurafire

Nice to meet you

12:20 PM

Shahedk

Hey! there I'm available...

10:15 AM