- Layout style
- . Container: fixed-width and responsive
- . Container-fluid Free width (100% width)
- Heading styles
- to style has been written, can be used directly, compatibility has also done. The style of the inline element display block
Inline Text style:
- <b> <strong> Bold
- <i> <em> Italic
Text alignment Style
- . text-left
- . text-center
- . text-right
- . Text-justify: Two-segment alignment
List Style
- . list-unstyled: Remove the preceding symbol
- . List-inline (inline block
-
table Style
- Span lang= "X-none" >.table: This class style will have a small amount of whitespace, as well as a horizontal split line
- interlaced color
- .table-bordered: table with border
- .table-hover:
- .table-condensed: table compact
row or cell background color
- . Active
- . Success
- . info
- . Warning
- . Danger
Only TR and TD -Plus class styles, one color
Table-Responsive layouts
Use the. table-responsive element within the DIV tag to enclose the. Table element
Form Style
- . Form-group: Form group style, which contains <label> and form elements
- . Form-control: Add style to elements such as input,select,textarea (check box cannot add this)
- Placehoder Property
- Add a hint to input and change value to placeholder
- . Form-inline: The class to add to the form so that input lines are displayed in
- . Sr-only: Adds a label to make its text hidden.
- . CheckBox: check box style
- . Radio: Radio box mode//name of input set to the same name you can select an item
- . Disabled: Disable radio box or complex option text
- . Form-horizontal: Horizontally arranged forms for form elements
- . Checkbox-inline: Show multiple complex options on the same line
- . Radio-inline: Controls the display of multiple radio box elements on the same line.
CSS styling tables, forms
