Bootstrap basic template

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?

1. Ecosystem fire, constantly updated iteration;
2. To provide a nice interface components;
3. Providing an elegant HTML + CSS encoding specification;
4. 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

1. width: the width of the viewport width = device-width => viewport width as the width of the device is responsive changes.
2. initial-scale: Scale initialization
3. user-scalable: whether to allow user-scaling (value: yes / no; 1/0)
4. minimum-scale: minimum zoom, the user is not allowed to set general scale, there is no need to set minimum and maximum zoom
5. 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.