Elements:Forms Input Groups

Input groups allow you to easily group form elements and buttons with form inputs.

Examples

Wrap the elements within a wrapper with the class .input-group and then add 1 or more span elements with the class .input-group-prepend (before) or .input-group-text (after) your form input or button.

@
@example.com
https://example.com/users/
$ .00
$ 0.00
$ 0.00

Rounded

Add the class .input-group-rounded to the .input-group element to make the input groups rounded, similar to the rounded buttons.

@
@

Sizes

Add the class .input-group-lg to enlarge input groups.

Small
Default
Large

Checkboxes and radio addons

You can also add checkbox or radio elements within the .input-group-prepend element.

Button add-ons

Awesome Features

Beginner + developer friendly
Free Lifetime Upgrades
Fully Responsive
Get AppStrap
About Us

Making the web a prettier place one template at a time! We make beautiful, quality, responsive Drupal & web templates!

Find out more
Contact Us

019223 8092344

info@themelize.me

Sunshine House, Sunville. SUN12 8LU.

Colour Options

AppStrap comes with 11 pre-defined colour options which are shown below.

You can easily switch colours doing one of the following:

  1. via the config colourScheme option
  2. or via ./src/scss/_variables.scss defining a preset colour or by defining your own.
Green Red Blue Purple Pink Orange Brown Slate Olive Teal Charcoal

Cookies are NOT enabled so colour selection is not persistent.

To main homepage

To admin homepage

To intro page