[Front-End Notes]☞Bootstrap, frontend notes bootstrap

[Front-End Notes]☞Bootstrap, frontend notes bootstrap

Bootstrap framework:

It encapsulates many components, font icons, and some common styles of labels. We can use it directly.

• : Http://www.bootcss.com/
• Package (Bootstrap for production environments): https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip

Framework directory:

This is used in the development phase of bootstrap.css.

Bootstrap.min.css is used online. (Smaller memory)

Bootstrap.min.css and bootstrap.css have the following functions:

(1) reduce the space size;

(2) code obfuscation (aims to prevent others from stealing your code. I can't understand it even if I decompile it. For example, variable names are represented by a, B, and c ..., Reduce readability ).

Use of components learning reference: http://v3.bootcss.com/components/

<! -- Use the btn-success style -->

<Button class = "btn-success"> Baidu </button>

<! -- Perform secondary development based on the btn-success style -->

<Button class = "btn-success" style = "width: 100px"> Baidu </button>

　　　　

Font icon:

<! -- Font icon style: glyphicon-heart -->

<Div class = "glyphicon-heart" style = "font-size: 100px; color: #2aabd2"> </div>

　　　　

Extension:

/* Font anti-aliasing attribute: the anti-aliasing attribute is very good (the font anti-aliasing rendering can make the font look clearer and more comfortable )*/

-Webkit-font-smoothing: antialiased;