<!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这个框架。

让你快速搭建一个bootstrap页面的更多相关文章

  1. 【Head First Servlets and JSP】笔记6：什么是响应首部 & 快速搭建一个简单的测试环境

    搭建简单的测试环境 什么是响应首部 最简单的响应首部——Content-Type 设置响应首部 请求重定向与响应首部 在浏览器中查看Response Headers 1.先快速搭建一个简单的测试环境, ...

  2. 如何快速搭建一个 Node.JS 项目并进入开发？

    了解:如何快速搭建一个项目并进入开发? 在此不概述 Node.JS 的历史以及发展过程. 因为之前接触过通过 Java 开发语言,所以明确地知道一个服务器所需的文件,以及一个服务器所需要的操作. 那么 ...

  3. NodeJS 最快速搭建一个HttpServer

    最快速搭建一个HttpServer 在目录里放一个index.html cd D:\Web\InternalWeb start http-server -i -p 8081

  4. vuejsLearn---通过手脚架快速搭建一个vuejs项目

    开始快速搭建一个项目 通过Webpack + vue-loader 手脚架 https://github.com/vuejs-templates/webpack 按照它的步骤一步一步来 $ npm i ...

  5. [原创] zabbix学习之旅五：如何快速搭建一个报警系统

    通过之前的文章,我们已搭建好zabbix server.agent和mail客户端,现在万事俱备,只差在server的界面中进行相应配置,即可快速搭建一个报警系统.总的来说,快速搭建一个报警系统的顺序 ...

  6. 快速搭建一个本地的FTP服务器

    快速搭建一个本地的FTP服务器   如果需要开发FTP文件上传下载功能,那么需要在本机上搭建一个本地FTP服务器,方便调试. 第一步:配置IIS Web服务器 1.1 控制面板中找到"程序& ...

  7. 快速搭建一个Spring Boot + MyBatis的开发框架

    前言:Spring Boot的自动化配置确实非常强大,为了方便大家把项目迁移到Spring Boot,特意总结了一下如何快速搭建一个Spring Boot + MyBatis的简易文档,下面是简单的步 ...

  8. 快速搭建一个直播Demo

    缘由 最近帮朋友看一个直播网站的源码,发现这份直播源码借助 阿里云 .腾讯云这些大公司提供的SDK 可以非常方便的搭建一个直播网站.下面我们来给大家讲解下如何借助 腾讯云 我们搭建一个简易的 直播示例 ...

  9. 快速搭建一个Quartz定时任务【转载，好文 ，值得收藏，亲身试用 效果不错】

    Quartz.NET 入门 概述 Quartz.NET是一个开源的作业调度框架,非常适合在平时的工作中,定时轮询数据库同步,定时邮件通知,定时处理数据等. Quartz.NET允许开发人员根据时间间隔 ...

随机推荐

  1. rotate array 旋转数组

    class Solution {public: void rotate(vector<int>& nums, int k) { int n=nums.size(); int i=0 ...

  2. linux中Iptables限制同一IP连接数防CC/DDOS攻击方法

    1.限制与80端口连接的IP最大连接数为10,可自定义修改.  代码如下 复制代码 iptables -I INPUT -p tcp --dport 80 -m connlimit --connlim ...

  3. Spring和MyBatis环境整合

    SSH框架的结合几乎家喻户晓,但是一般的中小项目,使用Spring和MyBatis就够了,而且MyBatis轻便好使,易上手,值得大家尝试一次. 开篇简介: Spring: Spring是一个轻量级的 ...

  4. 20145227 《Java程序设计》第3周学习总结

    20145227 <Java程序设计>第3周学习总结 教材学习内容总结 第四章 认识对象 4.1 类与对象 1.定义类:生活中描述事物无非就是描述事物的属性和行为.如:人有身高,体重等属性 ...

  5. java事务的类型——面试被问到

    Java事务的类型有三种:JDBC事务.JTA(Java Transaction API)事务.容器事务. 1.JDBC事务 JDBC 事务是用 Connection 对象控制的.JDBC Conne ...

  6. ACM题目————一笔画问题

    描述 zyc从小就比较喜欢玩一些小游戏,其中就包括画一笔画,他想请你帮他写一个程序,判断一个图是否能够用一笔画下来. 规定,所有的边都只能画一次,不能重复画. 输入 第一行只有一个正整数N(N< ...

  7. JavaScript DOM 编程艺术（第2版）读书笔记（6）

    案例研究:图片库改进版 我们在学校里学过一种理论,叫做结构化程序设计.其中有这样一条原则:函数应该只有一个入口和一个出口.从理论上讲,我很赞同这项原则:但在实际工作中,过分拘泥于这项原则往往会使代码变 ...

  8. 山东理工大学第七届ACM校赛-飞花的线代 分类： 比赛 2015-06-26 10:29 10人阅读 评论(0) 收藏

    飞花的线代 Time Limit: 1000ms Memory limit: 65536K 有疑问?点这里^_^ 题目描述 飞花壕的线代一直非常的壕(好),线代考试每次都是全班第一.一次,飞花壕在预习 ...

  9. win10 + VS2015 + EF6 + MySQL

    前置配置 在下面的网址去安装最新版的 (Connector/Net http://dev.mysql.com/downloads/connector/net/#downloads) 然后安装 MySQ ...

  10. thinkphp隐藏中url的index.php

    在本地进行测试 1.修改apache配置文件将如下代码#去掉 #LoadModule rewrite_module modules/mod_rewrite.so   在index.php 目录下新建文 ...