Input Sizing

The form below shows input elements with different heights using .input-lg and .input-sm:

Input Sizing

You can quickly size labels and form controls within a Horizontal form by adding .form-group-lg or .form-group-sm to the div class="form-group" element:

Input Group Size

The .input-group class is a container to enhance an input by adding an icon, text or a button in front or behind it as a "help text".

Use the .input-group-lg if you want a large input group:

Use the .input-group-sm if you want a small input group: