Forms

Add .form-search to the form and .search-query to the input for an extra-rounded text input.

Add .form-inline for left-aligned labels and inline-block controls for a compact layout.

Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

• Add .form-horizontal to the form
• Wrap labels and controls in .control-group
• Add .control-label to the label
• Wrap any associated controls in .controls for proper alignment

Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

Add the .inline class to a series of checkboxes or radios for controls appear on the same line.

Use the default option or specify a multiple="multiple" to show multiple options at once.

Wrap an .add-on and an input with one of two classes to prepend or append text to an input.

Use both classes and two instances of .add-on to prepend and append an input.

Instead of a span with text, use a .btn to attach a button (or two) to an input.