Bootstrap Sub-group class and responsive tools

1. Contextual text color

Fonts in various shades

<Pclass= "text-muted">Bootstrap Video Tutorial</P><Pclass= "Text-primary">Bootstrap Video Tutorial</P><Pclass= "Text-success">Bootstrap Video Tutorial</P><Pclass= "Text-info">Bootstrap Video Tutorial</P><Pclass= "Text-warning">Bootstrap Video Tutorial</P><Pclass= "Text-danger">Bootstrap Video Tutorial</P>

2. Scene background color

Various shades of background

<Pclass= "Bg-primary">Bootstrap Video Tutorial</P><Pclass= "Bg-success">Bootstrap Video Tutorial</P><Pclass= "Bg-info">Bootstrap Video Tutorial</P><Pclass= "Bg-warning">Bootstrap Video Tutorial</P><Pclass= "Bg-danger">Bootstrap Video Tutorial</P>

3. Close button

<type= "button"  class= "Close">&times; </ Button >

4. Triangle symbol

<class= "Caret"></span>

5. Fast Floating

<class= "Pull-left"> left </div> <  class= "Pull-right"> right </div> 

Note: This float is actually a float, but uses the!important to enhance the priority.

6. Block-level centering

<class= "Center-block"> Center </div>

Note: it is margin:x auto; and Display:block is set;.

7. Clear floating

<class= "Clearfix"></div>

Note: This div can be placed in front of the need to clean up the floating block.

8. Show and Hide

<class= "show">show</div>  <class= "hidden">hidden</Div  >

Two Responsive tools

Ultra-small screen activation display

<class= "Visible-xs-block">Bootstrap</Div >

Ultra small screen activation hidden

<class= "Hidden-xs">Bootstrap</Div  >

Note: For the displayed content, there are three variants, respectively: block, Inline-block, and inline.

Bootstrap Sub-group class and responsive tools