bootstrap-Global CSS Styles

1. The row must be included in the. container (fixed width) or. Container-fluid (100% width) to give it the appropriate arrangement (aligment) and inner complement (padding)

2. Content should be placed in column, and only columns (column) can be used as direct child elements of row

3. By .row setting a negative value for the element to margin cancel out the set for the .container element, it is indirectly offset by the padding column (row) containedpadding

4. Different display when setting different width screen, grid class is suitable for devices with screen width greater than or equal to the cutoff point size

<Divclass= "Row">    <spanclass= "Col-md-4 col-xs-8">Col-md-4</span>    <spanclass= "Col-md-8 col-xs-4">Col-md-8</span></Div>

5.XS: Mobile Phone (<768px), SM: Tablet (≥768px), MD: Desktop display (≥992px), LG: Large desktop display (≥1200px)

6.col-lg|md|sm|xs-* represents a few columns in the grid ( 15px padding around)

7.col-lg|md|sm|xs-offset-* indicates that several columns are offset in the grid

8.col-lg|md|sm|xs-push-* indicates how many columns the columns in the grid move to the right (relative positioning left:16.6666%)

9.col-lg|md|sm|xs-pull-* indicates how many columns are moved to the left in the grid (relative positioning right:16.6666%)

10.hn (n is 1-6), of which 1-3 margin:20px 0px 10px; 4-6 of margin:10px 0px; And there's the . H1-.h6 Class

11. Global font-size:14px; line-height:1.428; where P element is also set with a bottom margin equal to 1/2 rows high (i.e. 10px) (margin:0px 0px 10px)

12.

. Lead Plus Black font display

<small> sets the font size to the parent container font size of 85%, corresponding to the class. Small

<mark> Highlight font background display, corresponding class. Lead

<del> deleted text

<s> useless text like <del>

<u> Underline fonts

<ins> inserted text (underlined at the bottom, similar to <u>)

<strong> bold text (change font-weight)

<em> Italic

<abbr title= "AAAAA" > Abbreviations (bootstrap will display its title when the mouse hovers over it)

. initialism with <abbr> (font-size:90%; all letters are capitalized)

<address> dedicated to write the address of the label (margin-bottom:20px;)

<blockquote> references (border-left:5px solid #eee; padding:10px 20px;)

blockquote footer, blockquote small {font-size:80%; color: #777; and will add "--"}

. Blockquote-reverse Right-aligned

13. Text alignment

. Text-left,. Text-center,. Text-right,. Text-justify,. Text-nowrap

14. Change the case

Text-lowercase (lowercase), text-uppercase (uppercase), text-capitalize (first letter capitalized)

15.UL Li

. list-unstyled No Prefix

. list-inline li {display:inline-block; padding:0px 5px;} not prefixed and horizontally arranged

16.

bootstrap-Global CSS Styles