brand

Layout

Choose your preferred layout

layoutlayoutlayout

Navigation

Menu comes in two modes: dark & light


Top Nav

Choose your liked color mode


Scrollable Header
brandbrand

Form Layout

Default Layout

More complex forms can be built using the grid classes. Use these for form layouts that require multiple columns, varied widths, and additional alignment options.

@


Payment
Full name as displayed on card
Expiration date required

Horizontal Layout

Create horizontal forms with the grid by adding the .rowclass to form groups and using the .col-*-*classes to specify the width of your labels and controls.

Inline Layout

Use the .form-inlineclass to display a series of labels, form controls, and buttons on a single horizontal row.

@
Form with icon

Place an icon inside add-on on either side of an input. You may also place one on right side of an input.