【4】创建一个自己的Bootstrap模板
2014-05-03 09:09
435 查看
什么也不说了,直接贴上代码吧,哈哈
哪下面我就来说说几个要点吧
【1】Bootstrap是使用的HTML5文档类型,你仔细看看第一行是不是和我们平时写的不一。
【2】使用了lang,咋们是中国吧,当然用简体中文了,当然这里有点点问题,就是看到网上有人说,这个zn-cn已经不在适用于现在的情况了,具体的自己百度吧。
【3】单个标签没有闭合了,看看meta标签就知道了,具体的了解下HTML5吧。
【4】加入了在ie小于9的情况下对HTML5不是很支持的情况下的兼容处理,当然要是我做的话,我就直接屏蔽了ie9以下的,给一个页面让用户升级浏览器,不然用户看到了就是一个丑陋的页面,何必呢!!!
【5】为什么这里JQuery用的是1.11.1版的,而不是2.x版的呢?貌似因为1.9.x版对ie8支持,而2.x版是对ie9以后的,所有这里用了一个大于1.9.x版的,当然,你也可以不支持ie8,就像我在第4步中说的一样,屏蔽ie9以下的浏览器。
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <!-- Bootstrap不支持IE的兼容模式,加入此标签以确保在每个被支持的IE浏览器中保持最好的页面展现效果 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 由于Bootstrap 3是移动设备优先,加入此标签是为了确保适当的绘制和触屏缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap-Template-01</title> <!-- 最新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.2.0/css/bootstrap.min.css"> <!-- 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="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello, world!</h1> <!-- 所有 Bootstrap 插件都依赖 jQuery,因此jQuery必须在Bootstrap之前引入 --> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="http://cdn.bootcss.com/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>
哪下面我就来说说几个要点吧
【1】Bootstrap是使用的HTML5文档类型,你仔细看看第一行是不是和我们平时写的不一。
【2】使用了lang,咋们是中国吧,当然用简体中文了,当然这里有点点问题,就是看到网上有人说,这个zn-cn已经不在适用于现在的情况了,具体的自己百度吧。
【3】单个标签没有闭合了,看看meta标签就知道了,具体的了解下HTML5吧。
【4】加入了在ie小于9的情况下对HTML5不是很支持的情况下的兼容处理,当然要是我做的话,我就直接屏蔽了ie9以下的,给一个页面让用户升级浏览器,不然用户看到了就是一个丑陋的页面,何必呢!!!
【5】为什么这里JQuery用的是1.11.1版的,而不是2.x版的呢?貌似因为1.9.x版对ie8支持,而2.x版是对ie9以后的,所有这里用了一个大于1.9.x版的,当然,你也可以不支持ie8,就像我在第4步中说的一样,屏蔽ie9以下的浏览器。
相关文章推荐
- android 自己创建一个注释模板
- android 自己创建一个凝视模板
- 自己动手写类似酷狗播放器(1)_创建一个基于对话框模板
- 【7】创建一个自己的模板
- 自己创建一个简单的smarty模板
- Pychar加载自己创建的项目(多个项目或者一个)
- Git历险记(3):创建一个自己的本地仓库
- OpenCms JSP 模板开发——创建一个“完全的”JSP模板
- 自己写的一个简陋的C++队列模板
- 在GitHub上面创建一个自己的repository
- 打造一个自己的模板引擎(二)
- visual studio 2010 创建新项目时,提示无法找到项目模板的一个解决方案
- ABP+AdminLTE+Bootstrap Table权限管理系统第一节--使用ASP.NET Boilerplate模板创建解决方案
- 播放一个AVI视频,相当于使用opencv创建自己的视频播放器
- 自己写的一个 hacker.org 模板
- 我想写一个自己的网站,所以就拿这个网站来作为自己的模板,来照样构建一个自己的网站
- eclipse有时新建一个PHP文件或者是HTML文件没有快捷键太麻烦了,总要用鼠标点 怎么创建自己的快捷键呢?
- oracle授权另外一个用户访问自己创建的数据对象
- android 创建一个新的每次project什么时候 请问自己主动 参加 V7依赖?