创建一个自己的bootstrap模板示例_ Div+Css教程-查字典教程网 http://cdn.boot..."/>
创建一个自己的bootstrap模板示例
创建一个自己的bootstrap模板示例
发布时间:2016-12-27 来源:查字典编辑
摘要:Bootstrap-Template-01Hello,world!http://cdn.bootcss.com/jquery/1.10.2/...

<!DOCTYPE html>

<html lang="zh-cn">

<head>

<meta charset="utf-8">

<>

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

<>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Bootstrap-Template-01</title>

<>

<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>">

<>

<>

<>

</head>

<body>

<h1>Hello, world!</h1>

<>

<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>>

<>

<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文档类型,你仔细看看第一行是不是和我们平时写的不一。

【2】使用了lang,咋们是中国吧,当然用简体中文了,当然这里有点点问题,就是看到网上有人说,这个zn-cn已经不在适用于现在的情况了,具体的自己百度吧。

【3】单个标签没有闭合了,看看meta标签就知道了,具体的了解下HTML5吧。

【4】加入了在ie小于9的情况下对HTML5不是很支持的情况下的兼容处理,当然要是我做的话,我就直接屏蔽了ie9以下的,给一个页面让用户升级浏览器,不然用户看到了就是一个丑陋的页面,何必呢!!!

【5】为什么这里JQuery用的是1.102版的,而不是2.x版的呢?貌似因为1.9.x版对ie8支持,而2.x版是对ie9以后的,所有这里用了一个大于1.9.x版的,当然,你也可以不支持ie8,就像我在第4步中说的一样,屏蔽ie9以下的浏览器。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类