Form Controls

  1. Home
  2. Compontents
  3. Form Controls
Default Forms

Individual form controls automatically receive some global styling. All textual input, textarea, and select elements with .form-control.

We'll never share your email with anyone else.
This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.
Horizontal Forms

Use Gameforest's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form

We'll never share your email with anyone else.
This is some placeholder block-level help text for the above input.
Textual Inputs

Most common form control, text-based input fields. Includes support for all HTML5 types.

Form Layouts

Gameforest includes validation styles for error, warning, and success states on form controls.

Inline Forms
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Input Groups

Extend form controls by adding text or buttons before, after, or on both sides of any text-based.

Enter your username wich will be display on frontpage.
https://yakuthemes.com/
.yakuthemes.com
$
Input Icons

Gameforest includes validation styles for error, warning.

We'll never share your email with anyone else.
Control sizing

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

Column sizing

Wrap inputs in grid columns, or any custom parent element, to easily enforce desired widths.