Bootstrap:
-Https://github.com/twbs/bootstrap/releases/download/v3.3.6/bootstrap-3.3.6-dist.zip
-Https://github.com/twbs/bootstrap/releases/download/v4.0.0-alpha.2/bootstrap-4.0.0-alpha.2-dist.zip
Bootstrap documentation
-[Official Document] (http://getbootstrap.com/)
-[Chinese document] (http://v3.bootcss.com/)
# # # Basics of Bootstrap templates
1 "' HTML2<! DOCTYPE html>345<meta charset= "Utf-8" >//Set document encoding method6<meta name= "viewport" content= "Width=device-width, initial-scale=1.0, User-scalable=no" >//viewport, make sure the mobile browser size is the same as the viewport
7<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >8<meta name= "viewport" content= "Width=device-width, initial-scale=1" >9<!--the above 3 meta tags *must* come firstinchThe head; Any other head content must come *after* these tags--Ten<title>bootstrap 101 Template</title> One<!--Bootstrap-- A<link href= "Css/bootstrap.min.css" rel= "stylesheet" > -<!--HTML5 Shim and Respond.js forIE8 support of HTML5 elements and media queries-- -<!--WARNING:Respond.js doesn 't work if you view the page via file:// --- the <!--[if Lt IE 9]> - <script src= "Https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" ></script> - <script src= "Https://oss.maxcdn.com/respond/1.4.2/respond.min.js" ></script> - <! [endif]--> + - <body> + A<!--jQuery (necessary for Bootstrap ' s JavaScript plugins)-- at<script src= "Https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" ></script> -<!--Include all compiled plugins (below), or include individual files as needed- -<script src= "Js/bootstrap.min.js" ></script> -</body> - -```
The head content is detailed:
1.
<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >
`
-this property is a document-compatible mode declaration that indicates that the current document is rendered using the latest standard in IE browser
2.
<meta name= "viewport" content= "Width=device-width, initial-scale=1" >
-Viewport function: In a mobile browser, when the page width exceeds the device, the browser inside a virtual page container, the page container scaled to the device so large, and then show
-Most mobile browsers currently have a width of 980 for the viewport (the container that hosts the page);
-width of viewport can be set by meta tag
-this property is set for the mobile page viewport, the current value represents the width of the device on the mobile side of the page, and is not scaled (zoom level is 1)
+ Width: viewport widths
+ Initial-scale: Initialize Zoom
+ user-scalable: Whether users are allowed to scale themselves (value: yes/no; 1/0)
+ Minimum-scale: Minimum scale, generally set the user does not allow scaling, there is no need to set the minimum and maximum zoom
+ Maximum-scale: Max Zoom
3.
Conditional comment
-The function of the conditional annotation is that when the condition is satisfied, the HTML code in the comment is executed, and when it is not satisfied it is ignored as a comment.
4.
Third-party dependencies
-[JQuery] (Https://github.com/jquery/jquery)
All JS components in the > bootstrap framework depend on the jquery implementation
-[Html5shiv] (Https://github.com/aFarkas/html5shiv)
> allows low-version browsers to recognize HTML5 new tags, such as header, footer, section, etc.
-[Respond] (Https://github.com/scottjehl/Respond)
> Enable the low-version browser to support the CSS media query function
Bootstrap using templates
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
