btn-u
to button or anchor to do default template style.
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:
.form-horizontal
to the form.control-group
.control-label
to the label.controls
for proper alignmentCheckboxes 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.
Use relative sizing classes like .input-large
or match your inputs to the grid column sizes using .span*
classes.
Use .span1
to .span12
for inputs that match the same sizes of the grid columns.
For multiple grid inputs per line, use the .controls-row
modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and clears the float.
2013 © Redband. ALL Rights Reserved. Privacy Policy | Terms of Service