Bootstrap notes 01

Bootstrap Source Style:

Remove a margin statement from body
Set body's background color to white
Basic font, font size, and line height are set for typesetting
Sets the global link color, and the underline style is displayed when the link is in the suspended: hover state

Line No. 407 ~ No. 443 in 1,<small>bootstrap.css file
2, paragraph (body text) bootstrap.css file in line No. 274 ~280 */
3, emphasis content Leadbootstrap.css file No. 470 line ~480 */
In addition to this, bootstrap also uses element tags:<small>, <strong>, <em> and <cite> to give text a prominent style.
/* Source view Bootstrap.css file line 55th ~ 58th Line * *

B,strong {
Font-weight:bold; /* Text Bold */
}

/* Source view Bootstrap.css file line No. 481 ~ No. 484 Line * *

Small,.small {
font-size:85%; /* 85% of the standard font, which is 14px * 0.85px, almost 12px*/
}

/* Source view bootstrap.css lines No. 485 ~ No. 487 Line */

cite {
Font-style:normal;
}

4, Bold: Strong or B label bold
5, Italic: Em and I tags, font-style:italic
6, emphasize the related class Bootstrap.css file line No. 500 ~ No. 532 Line:

. text-muted: Tip, use light grey (#999)
. Text-primary: Main, using Blue (#428bca)
. text-success: Success, using light green (#3c763d)
. TEXT-INFO: Notification information, using light blue (#31708f)
. text-warning: Warning, using yellow (#8a6d3b)
. Text-danger: Dangerous, using brown (#a94442)

7, text alignment style Bootstrap.css file line No. 488 ~ Line No. 499:
?. Text-left: Left Justified
?. Text-center: Center Alignment
?. Text-right: Right-justified
?. Text-justify: Justify (use sparingly in Chinese)

8, List
? General List
? Ordered list
? Go to Dot List
? Inline list
? Description List
? Horizontal Description List

9, in Bootstrap, unordered and ordered lists are bulleted by default by adding a class name ". List-unstyled" to the unordered list, which removes the default style of list styles.

10, List-inline list Add class name List-inline, created for horizontal navigation
Bootstrap.css file line No. 584 ~ No. 593 Line */

11, List-definition list
, Bootstrap did not make much adjustment, just adjusted the line spacing, margin and font bold effect.
/* Source Please view Bootstrap.css file line No. 594 ~ No. 607 Line * *

12, List-level definition list
Add Class dl-horizontal/* source Please view Bootstrap.css file line No. 608 ~ No. 621 Line * *

13, code (very cool)
1. Use <code></code> to display single-line inline code
2. Use <pre></pre> to display multi-line block code
3, use <kbd></kbd> to display the user input code

14,pre element, when the code block is more than 340 high, a vertical scrollbar appears, adding class: Pre-scrollable
Bootstrap.css line No. 731 ~ No. 734 Row */

15, table
?. Table: Base table line 1402th ~ Line 1441th
?. table-striped: Zebra crossing table line 1465th ~ Line 1468th:
?. table-bordered: Table with borders line 1450th ~ Line 1464th
?. Table-hover: A table with a mouse hover highlight
?. table-condensed: Compact Table
?. table-responsive: A responsive table that can be used on the outside Div

16, table-Class of Table row
. Active represents information for the current activity
. Success indicates a successful or correct behavior
. info indicates neutral information or behavior
. Warning indicates a warning
. Danger represents a dangerous or wrong behavior

17, basic form/* Source Please check the Bootstrap.css file line 1631th ~ Line 1652th * *

Bootstrap notes 01