Bootstrap 3.3.7学习笔记1

来源：互联网发布：python rang 编辑：程序博客网时间：2024/05/21 22:44

Bootstrap 3.3.7学习笔记1

跟着玩转Bootstrap（基础）学习。
下面是2017-06BootStrap中文官网给出的一个超级简单的 HTML 模版，我在

<!DOCTYPE html>

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

<meta name=”viewport” content=”width=device-width, initial-scale=1”>

做了备注.

<!DOCTYPE html> <!-- HTML5 定义--><html lang="zh-CN">   <head>    <meta charset="utf-8">    <!-- 在IE浏览器当中运行最新的渲染模式，有关渲染模式可以参考http://www.cnblogs.com/nidilzhang/archive/2010/01/09/1642887.html-->    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <!-- http://www.cnblogs.com/2050/p/3877280.html 介绍了移动设备viewport的细节问题，帮助了解为什么要定义width和缩放比例，已经缩放比例是相对于谁而言的-->    <meta name="viewport" content="width=device-width, initial-scale=1">    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->    <title>Bootstrap 101 Template</title>    <!-- Bootstrap CSS 载入-->    <link href="css/bootstrap.min.css" rel="stylesheet">    <!-- 如果浏览器版本低于IE9，那么应该在head当中提前载入两个js第一个是使浏览器支持HTML5的标签，第二个是支持media queries。 当然一般来说为了加快网页加载速度，js文件一般都是放在body部分的最下面的，就例如这个示例当中的jQuery和BootStrap的js文件-->    <!-- 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:// -->    <!--[if lt IE 9]>      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    <![endif]-->  </head>  <body>    <h1>你好，世界！</h1>    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>    <!-- Include all compiled plugins (below), or include individual files as needed -->    <script src="js/bootstrap.min.js"></script>  </body></html>

阅读全文

0 0