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.

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 & 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
Nik G. Patel

Admin Head

Notifications

Do you need them?

API Access

Enable/Disable access

Auto Updates

Keep up to date

Online Status

Show your status to all

Recent

Tomaslau

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

Stillnotdavid

This theme is awesome!

Kurafire

Nice to meet you

Shahedk

Hey! there I'm available...

Adhamdannaway

This theme is awesome!


Favorite 18

Kennith

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

Stillnotdavid

This theme is awesome!

Kimberling

Nice to meet you

Kurafire

Hey! there I'm available...

Leonareade

This theme is awesome!