Bootstrap is simple once

Note:. xxxx indicates the class (class = XXXX)


<H1> to <H6>. In addition, the class from. H1 to. H6 is provided.

. Lead can highlight paragraphs

<Small> the text is set to 85% of the font size of the parent container.

<Strong> focus

<Em> Italic

Alignment class: Text-left, text-center, text-Right

Emphasize class: Text-muted
Text-primary
Text-success
Text-Info
Text-warning
Text-Danger

<Abbr>: it is a basic abbreviation. initialism can set its font-size to a smaller value.

<BLOCKQUOTE>: any HTML wrapped in <BLOCKQUOTE> can be referenced.
. Pull-Right right alignment. Pull-left

<Cite>:

<Ol> or <ul>:. List-unstyled removed the default list-style and a group of elements at the left margin.

<DL> <DT> <DD>:. DL-horizontal puts the <DL> internal phrase and its description in one row.

<Code>: The <code> label is used to wrap the inline style code snippet in the body. To correctly display the code, escape the angle brackets.

<PRE>: You can use the <PRE> label for multiple lines of code. To correctly display the Code, be sure to escape the angle brackets.


Table related ###################################### ######################################## ################

<Table>:. Table-striped adds the banma stripe style.
. Table-bordered adds a border for the table and each cell in it.
. Table-Hover allows each row in <tbody> to respond to the mouse hover status
. Table-condensed can make the table more compact, and the internal (padding) of cells will be halved.

<Thead>
<Tbody>
<Tr>
<TD>
<TH>
<Caption>: Description and summary of table usage

Set color for rows or cells
The color that is set when the active mouse is hovering over a row or cell.
. Success identifies successful or positive actions
. Warning ID warning or user attention
. Danger identifies dangerous or potential negative impact actions


Wrap any. Table in. Table-responsive to create a responsive table that will scroll horizontally on a small screen device (less than 768px. When the screen width is greater than 768px, the horizontal scroll bar disappears.



Form related ###################################### ######################################## ################

. Form-control: All <input>, <textarea>, and <SELECT> elements with. Form-control are set to width: 100% by default ;.
. Form-group: Wrap the label and the previously mentioned controls in. Form-group for the best arrangement.
. Form-inline: Compact Elements
. Sr-only: Hide label
. Form-horizontal
. Checkbox-inline
. Radio-inline
. Form-control-static: place a line of plain text in the same line of the label and Add. Form-control-static to the <p> element.

Disabled: Disabled input box

Check status:. Has-warning,. Has-error, or. Has-success

Class such as. Input-LG can be used to set the height of the control, and class such as. col-LG-* can be used to set the width of the control.

. Help-block-level help text

Button ###################################### ######################################## ################

<Button type = "button" class = "BTN-Default"> default </button>
<Button type = "button" class = "BTN-primary"> Primary </button>
<Button type = "button" class = "BTN-success"> success </button>
<Button type = "button" class = "BTN-Info"> info </button>
<Button type = "button" class = "BTN-warning"> warning </button>
<Button type = "button" class = "BTN-danger"> danger </button>
<Button type = "button" class = "BTN-link"> link </button>

Dimensions: BTN-LG,. BTN-Sm,. BTN-xs

. BTN-block

Active

Disabled


Tool class ###################################### ######################################## ################