Call us: 1-123-123-1234 | E-mail: info@example.com
Add a class name btn-m to button or anchor to do default template style.

Default Boss Styles

Legend

Example block-level help text here.

Search Form

Inline form

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


Horizontal Form

Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form. Doing so changes .form-groups to behave as grid rows, so no need for .row.


Input and Textarea


Checkboxes and Radios

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

Inline Checkboxes

Use .checkbox-inline or .radio-inline class to a series of checkboxes or radios for controls appear on the same line.

Selects

Use the default option, or add multiple to show multiple options at once.



Basic input group

Extend form controls by adding text or buttons before, after, or on both sides of any text-based input. Use .input-group with an .input-group-addon to prepend or append elements to a .form-control.

@

.00

$ .00

Checkboxes and radio buttons

Place any checkbox or radio option within an input group's addon instead of text.


Buttons Instead of Text

Buttons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon, you'll need to use .input-group-btn to wrap the buttons. This is required due to default browser styles that cannot be overridden.




Control sizing

Set heights using classes like .input-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.




Help text

Block level help text for form controls.

A block of help text that breaks onto a new line and may extend beyond one line.