建立1个自身的bootstrap模版示例

2021-01-20 09:16 jianzhan


拷贝编码
编码以下:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf⑻">
<!-- Bootstrap不适用IE的适配方式,添加此标识以保证在每一个被适用的IE访问器中维持最好是的网页页面呈现实际效果 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 因为Bootstrap 3是挪动机器设备优先选择,添加此标识是以便保证适度的绘图和触摸屏放缩 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap-Template-01</title>
<!-- 全新 Bootstrap 关键 CSS 文档 -->
<link rel="stylesheet" href="<a href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css</a>">
<!-- HTML5 Shim and Respond.js 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="<a href="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script">http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script</a>>
<script src="<a href="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script">http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script</a>>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- 全部 Bootstrap 软件都依靠 jQuery,因而jQuery务必在Bootstrap以前引进 -->
<script src="<a href="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script">http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script</a>>
<!-- 全新的 Bootstrap 关键 JavaScript 文档 -->
<script src="<a href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script</a>>
</body>
</html>

哪下面我就来讲说几个关键点吧

【1】Bootstrap是应用的HTML5文本文档种类,你细心看看第1行是否和大家平常写的不1。

【2】应用了lang,咋们是我国吧,自然用简体汉语了,自然这里有点点难题,便是看到在网上有人说,这个zn-cn早已不在可用于如今的状况了,实际的自身百度搜索吧。

【3】单独标识沒有闭合了,看看meta标识就了解了,实际的掌握下HTML5吧。

【4】添加了在ie小于9的状况下对HTML5并不是很适用的状况下的适配解决,自然如果我做的话,我就立即屏蔽了ie9下列的,给1个网页页面让客户升級访问器,要不然客户看到了便是1个丑恶的网页页面,何苦呢!!!

【5】为何这里JQuery用的是1.102版的,而并不是2.x版的呢?貌似由于1.9.x版对ie8适用,而2.x版是对ie9之后的,全部这里用了1个超过1.9.x版的,自然,你还可以不适用ie8,就像我在第4步中说的1样,屏蔽ie9下列的访问器。