Bootstrap My Learning Record 1 Basic Template understanding, bootstrap my learning
<! -- Declare the document type as html5 -->
<! DOCTYPE html>
<! -- Declare that the content of the page is simplified Chinese -->
<Html lang = "zh-CN">
<Head>
<! -- Declare the page Encoding As UTF-8 -->
<Meta charset = "UTF-8">
<! -- X-UA-Compatible: the compatibility mode of the browser. This is a dedicated identifier of IE8. It is used to specify the IE8 browser to simulate the rendering mode of a specific version of the IE browser (such as the annoying IE6 ), to solve some compatibility problems -->
<! -- See http://www.cnblogs.com/lovecode/articles/3377505.html for details -->
<Meta http-equiv = "X-UA-Compatible" content = "IE = edge">
<! -- Declare the viewport attributes, which can be recognized only on the Mobile End.
The properties include width = device-width. The width of the port is equal to the width of the device.
Initial-scale = 1.0 the initial scaling ratio is, that is, the proportional display.
There are other attributes:
User-scalable = 0; optional values: 1, 0, or yes, no
Whether the user allows scaling.
Maximum = 1.0 Max zoom Ratio
Minimum = 1.0 min zoom Ratio
-->
<Meta name = "viewport" content = "width = device-width, initial-scale = 1">
<! -- The above three meta tags * must be placed at the beginning, and any other content * must be followed! -->
<Title> Bootstrap template </title>
<! -- Bootstrap -->
<Link href = "lib/bootstrap/css/bootstrap.css" rel = "stylesheet">
<! -- The local opening of respond asynchronous loading does not take effect and requires a server, for example, opening it on Apache -->
<! -- HTML5 shim and Respond. js for IE8 support of HTML5 elements and media queries -->
<! -- WARNING: Respond. js doesn't work if you view the page via file: // -->
<! -- Only IE can recognize comments -->
<! -- Browsers that do not support h5 tags must reference the html5shiv. js package -->
<! -- Respond. js package should be introduced for browsers that do not support media queries -->
<! -- [If lt IE 9]>
<Script src = "lib/html5shiv/html5shiv. min. js"> </script>
<Script src = "lib/respond. js"> </script>
<! [Endif] -->
</Head>
<Body>
<! -- Delete the following title to enter the content -->
<H1> Hello, world! </H1>
<! -- Enter the content area -->
<! -- JQuery (necessary for Bootstrap's JavaScript plugins)
Bootstrap is based on jQuery, so jQuery needs to be introduced first -->
<Script src = "lib/jquery. js"> </script>
<! -- Include all compiled plugins (below), or include individual files as needed -->
<Script src = "lib/bootstrap/js/bootstrap. js"> </script>
</Body>
</Html>
All packages are referenced from the local server without using CDN