Bootstrap Profile
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive layout, mobile devices WEB priority projects. Its motto is:
Simple, intuitive, and powerful front-end development framework for web development faster and easier.
Chinese documents Address: https://www.bootcss.com/
Why use Bootstrap?
-
Ecosystem fire, constantly updated iteration;
-
To provide a nice interface components;
-
Providing an elegant HTML + CSS encoding specification;
- Let our Web development easier and faster;
[Note] using Bootstrap CSS style does not mean do not write, but do not write the vast majority of people will use the style.
Bootstrap basic template introduction
- the three meta tags * must * on the front, any other content * must * follow later! -> < title > Micro gold </ title > <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"> <! - HTML5 Shim and Respond.js is to make IE8 support HTML5 elements and media queries (media queries) function -> <! - Warning: The file: // protocol (that is, directly drag and drop the html page to browse vessel) Respond.js does not work when accessing the page -> <! - Conditional comments role: When the determination condition is satisfied, it will be executed in the HTML code annotations When the condition is not satisfied, as will comments --> <!-- html5hiv: let the browser can recognize the new tag of HTML5 respond: let the low version browsers can use css3 media queries --> <!-- [if lt IE 9]> <script src="lib/html5shiv/html5shiv.js"></script> <script src="lib/respond/respond.src.js"></script> <![endif] --> <! - write your own CSS file -> < Link rel = "stylesheet" of the type = "text / CSS" href = "CSS / the main.css" > </ head > < body > <! - must be introduced, this position must -> < Script src = "lib / jQuery / jquery.js" > </ Script > < Script src = "lib / Bootstrap / JS / bootstrap.js" > </ Script > <-! wrote js file -> < Script the src = "js / main.js" type="text/javascript"></script> </body> </html>
Templates are used in mobile end property description
-
width: the width of the viewport width = device-width => viewport width as the width of the device is responsive changes.
-
initial-scale: Scale initialization
-
user-scalable: whether to allow user-scaling (value: yes / no; 1/0)
-
minimum-scale: minimum zoom, the user is not allowed to set general scale, there is no need to set minimum and maximum zoom
-
maximum-scale: the maximum zoom
Viewport introduction
In the mobile browser when the page width beyond the internal virtual devices, a browser page container, the container page to zoom equipment is so big, and then the show.