Form styling can be a difficult thing to deal with when working with form based elements. This theme incorporates the styling you see below, but I will also show you how you can use these styles for almost any kind of form you create. You also get code HTML snippets to help you design your forms, as well as examples that you can use as a guideline.
This is the basic text input styling:
Form control which supports multiple lines of text. Change
rows attribute as necessary.
Checkboxes and radios
Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.
class="radio-inline" classes on a series of checkboxes or radios for controls that appear on the same line.
Text Input with Prepend & Append
This allows you to add a label or icon, before the field:
This allows you to add a label or icon, after the field:
Use the default option, or add
multiple to show multiple options at once.
When you need to place plain text next to a form label within a horizontal form, use the
form-control-static class on a
Input field help text for form controls.