bootstrap--Global CSS Styles

1. Grid system

Containter: Container for fixed-width and responsive layout support

Container-fluid: Container for 100% width, occupying all viewports (viewport)

Row: line, must be within container or container-fluid

col-md/xs-*: Sets the width of the block

col-md/xs-offset-*: Column Offset

Col-md-push/pull: Push/Pull

2. Typesetting

<small>: subtitle

<P></P>: Paragraph

Lead: center content, font size becomes larger

<mark></mark> restrained text, special twilight

<del></del> deleted text

<s></s> Useless text

<ins></ins> inserting text

<u></u>: underlined text

<small><small>: Small text

<strong></strong>: Focus on

<em></em>: Italic

Text-left/center/right/justify: The bottom left is aligned

Text-lowercase/uppercase/capitalize: Lowercase/uppercase/first letter capitalization

<abbr></abbr>: Basic abbreviations

initialism: Initials ACRONYMS

<br>: Address

<blockquote></blockquote>: Referencing

<footer></footer>: Table name Reference source

<cite></cite>: Tag language

Blockquote-reverse: Content Align Left and right

list-unstyled: No Style list

List-inline: Place all elements on the same line

<d1><dt></dt><dd></dd>...</d1>: Description Content

D1-horizontal: Description of the horizontal arrangement

3. Code

<CODE></CODE>: Let the code show up

<kbd></kbd>: Mark what the user has entered through the keyboard

<PRE></PRE>: Correct presentation code, angle brackets need to be escaped

<var></var>: Tag variable

<samp></samp>: To mark the contents of the program output

4. Forms

Table: Basic style of table

table-striped: Striped

Table-bordered: Add Border

Table-hover: Mouse hover

table-condensed: Condensed Form

Active/success/info/warning/danger: status, Color.

Table-responsive: Responsive table with horizontal scroll bar when zoomed out

5. Forms

Form-control: Text will have

Form-group: Form generic class, each form has

Form-inline: Content left aligned and represented as Inline-block level, inline form

Sr-only: Hide labels for inline forms

Form-horizontal: Level Form

PLACEHOLDER: Default value

checkbox-inline/radio-inline：多选或单选控件

Form-control-static: Place plain text and label elements on the same line

ReadOnly: Read-only

Has-feedback: Add extra value to text box

form-group-lg/form-group-sm: Size

6. Button

Btn

Btn-default:

role= "button": to trigger certain features on the current page-not to link other pages or links to other parts of the current page-you must add

BTN=LG/SM/XS: Size

Btn-block: Stretching to 100% of the parent element

Opacity: Disable

7. Picture

img-responsive: Allows images to support responsive layouts

Center-block: To center the picture horizontally

Img-rounded/circle/thumbnail: Fillet/prototype/Border

8. Other

Text-info/success/danger. : Text color or properties

Bg-info/success. : Background Color or property

Close: "x" close symbol

Caret: Triangle symbol

！ Important: Let any element float around

Clearfix: Clear Float

Show/hidden: Show/Hide

bootstrap--Global CSS Styles