让你快速搭建一个bootstrap页面
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<!-- 指定以最新的IE版本模式来显示网页 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 360浏览器相关设置:http://se.360.cn/v6/help/meta.html -->
<!-- 针对360浏览器的内核调用,强制调用极速模式 -->
<meta name="renderer" content="webkit">
<!-- 针对360浏览器强制调用IE标准模式 -->
<!--[if lt IE 10]>
<meta name="renderer" content="ie-stand" />
<![endif]-->
<!--[if !IE]>
<meta name="renderer" content="ie-stand" />
<!<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1"> 需要在手机下打开你的页面这句不能省,意思是让网页的宽度和手持设备的屏幕宽度一致,初始的缩放比例为1。
<title>bs</title>
<script src="bootstrap/jquery/jquery-1.11.1.min.js"> 因为bootstarp是基于JQ框架的所以引入bootstarp脚步前要先引入jq脚本,JQ的脚本不能太低
</script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> 这是bootstarp的样式表。
<link rel="stylesheet" href="shelf.css"> 自己项目的CSS
<script src="js/shefl.js"></script> 自己项目的脚本
<!--[if lt IE 9]> bootstarp是用html5+css3构建的,ie8以下可能对这些支持不是很友好这时我们需要写点hack,涉及到布局要引入让ie8支持html5标签和css3媒体查询。如果是其他css3效果比如圆角和css3高级选择器就要自己另外写hack和添加j兼容脚本了,因为这里不必须的
我也就没用给出。
<script src="bootstrap/IE8lower/html5shiv.js"></script> ie8支持html5标签
<script src="bootstrap/IE8lower/respond.min.js"></script> ie8支持css3媒体查询
<![endif]-->
</head>
<body>
</body>
</html>
代码下载点击打开链接
注意引入的顺序 才可兼容IE8 只要把代码复制就可以直接在body里面写你自己的东西了。
最后提醒下了:要bootstarp兼容到ie8是很简单的事情,但是兼容到ie67就有点困难了,办法是有的只是很麻烦,上次做了个项目需要支持到ie67,只能自己硬着头皮一个一个写hack了,写了一个首页的hack我就彻底的疯掉了,最后还是建议客户升级浏览器。所以在做项目的时候如果是要兼容到ie8的话才来用bootstarp这个框架。
最新文章
- bash编程之多分支if 语句及for循环
- Block常用方法以及注意事项
- 283	Move Zeroes
- php中的正则函数主要有三个-正则匹配,正则替换
- Autofac.Configuration 3.3.0不稳定
- SQL Server 用SQL语句查找某个表的触发器
- 【BZOJ 1821】 [JSOI2010]Group 部落划分 Group
- JAVAAPI学习之Calendar类;Calendar类set()、add()、roll()方法区别
- Java导出页面数据或数据库数据至Excel文件并下载,采用JXL技术,小demo(servlet实现)
- AC日记——【模板】字符串哈希 洛谷 3370
- 自己为什么注册博客(csdn讲师:Array)
- https认证
- 利用Qt Designer 进行 空间提升propomotion 的时候异常: NO such file or directory
- Tennis Game CodeForces - 496D(唯一分解定理,费马大定理)
- DOM中的outerHTML,innerHTML,outerText,innerText的区别
- makefile中 $@, $^, $<;, $?含义
- 学习人工智还死拽着Python不放?大牛都在用Anaconda5.2.0
- arm学习——有关位操作的总结
- .net 取得类的属性、方法、成员及通过属性名取得属性值
- Django_信号
热门文章
- Class.forName(";ClassName";)与ClassName.class的区别
- 【JQGRID DOCUMENTATION】.学习笔记.1.安装jqGrid
- memcached启动参数
- linux中的nm命令简介
- Boring count(字符串处理)
- 安装zeromq以及zeromq的python示例
- LinkedList的实现原理
- register_chrdev、register_chrdev_region以及alloc_chrdev_region之间的区别
- define与typedef 区别
- 华东交通大学2016年ACM“双基”程序设计竞赛 1004