Bootstrap3 兼容IE8 初步

最新推荐文章于 2020-08-09 22:27:45 发布
最新推荐文章于 2020-08-09 22:27:45 发布
阅读量377 收藏
点赞数
分类专栏： Web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010913443/article/details/51123469
版权

1.     使用HTML5声明文档

2.     加入meta标签

3.     引入bootstrap文件 

4.     引入respond.js和html5.js（可在github中找到Response.js项目）

5.     添加1.X版本的Jquery库（注意：2.X版本不支持IE8等老版本浏览器）

 

 

 

 

 

 

智慧宝宝
关注
专栏目录
BootStrap 学习笔记（一）
qq_18197969的博客
03-31 356
一：列组合每行12栅格 下面例子 一个占8列一个占4列 col-md-8    xs超小  sm小型  lg大型  学习笔记（一）" TITLE="BootStrap 学习笔记（一）" /> 二：列偏移 空几个栅格 col-md-offset-6 空六个格子 学习笔记（一）" TITLE="BootStrap 学习笔记（一）" /> 三：列嵌套 外层的又分为12栅格 学习笔记（一）
Bootstrap5不再支持IE浏览器，在网站顶部给IE浏览器访客给予提示
Pou321的博客
08-17 471
通过浏览器userAgent特征判断浏览器类型，IE10和10之前的版本特征是MSIE，IE11是Trident。如果还要判断Edge使用Edge判断即可。 if (/MSIE|Trident/.test(window.navigator.userAgent)) {    var alertHtml = document.createElement('div')    alert
bootstrap v3版本禁用自适应…
aa_mmnn的博客
03-18 1203
响应式在PC上，不同分辨率的电脑上 的效果不怎么好 下面这个文件，另外写的去除bootstrap框架的响应式。不影响原框架，手机端无需引用此文件。   ①：使用时候将non-responsive.min.css 引用位于bootstrap.css文件下面   ②：移除HTML文档中提到的设置浏览器视口（viewport）的标签：。   ③：对于栅格布局，额外增加 .col-xs-* 类
Bootstrap无法正常使用解决办法
A88552211的博客
08-09 5270
1、没有正确引入 正确方法： <link href="node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet"> 2、版本不对 一般 npm 安装 的都是最新版本 有时候不稳定或你使用的某些样式在新版本中有变 正确方法： 打开 package.jsion 文件 修改版本：只要修改到比最新要低的版本就行；然后 npm install ...
Bootstrap常见问题解析
qq_43198747的博客
01-22 3827
1、  如果让一个元素在pc端显示而在手机端隐藏，下列选项正确的是（b）。 A、 visible-xs-8  hidden-md B、 visible-md-8 hidden-xs C、 visible-md-8 hidden-sm D、 visible-sm-8 hidden-md 　　详解： a、 超小屏幕（&lt;768px）显示，中屏（&gt;=992px）隐藏，所以错误 b...
页面显示空格（nbsp）的兼容问题
Soler_lia的博客
03-20 3632
做页面修改，有时需要空格来控制页面。而有时nbsp又出现兼容性的问题。今天作一个小总结， 使用IE8测试没有什么问题，nbsp在页面显示出一个半角空格的宽度，多少个nbsp显示多少个空格；页面代码直接输入半角空格，无论多少个都只显示一个的宽度。全角空格同nbsp，一个显示两个字符的宽度，多少个空格显示多少个中文字符的宽度。 在搜狗浏览器中出现了一些问题，兼容模式和IE8一样，显示没有问
flex4&nbsp;读书笔记&nbsp;chapter&nbsp;3
lanyanai的专栏
10-14 757
原文地址：读书笔记 chapter 3">flex4 读书笔记 chapter 3作者：搏拼转载自 selina_1113 最终编辑 selina_1113   1、默认情况下，swf文件只能向swf文件所在的域提出http或其它网络请求。如果要仿问swf文件所在的不同的域，即要在目标域的根目录中放置一个crossdomain.xml文件，设置当前服务器接受的域。 2、mxmlc可以
使用Chrome Frame插件解决IE浏览器兼容问题
youyou390的专栏
11-16 5386
时不时碰到客户的浏览器为IE7,IE8，甚至IE6的，他们不能升级浏览器，因为升级后，机器中其它的重要系统无法访问。而新系统的前端又需要浏览器的支持，比如H5，SVG等等，换框架结构，成本无疑是巨大的，而且风险不可控。针对此种情况，安装Google Frame是相对非常完美的解决方案，不要求升级浏览器，只安装一个插件，且对原系统无任何干扰，新系统也可根据情况对是否使用Google Frame插件进...
前端优化-Img与background&nbsp;
xingxingxx2014的专栏
10-31 331
当img 遇到 background，这个世界就是这么小~~~~~ 1 从解析机制看     Img属于html标签，background是css方法。一个页面由html、css、js组成，按照浏览器解析机制，html标签优先解析。大家都知道css文件会放在head加载，但是这并不意味着它会立即执行，而是在html加载完后才执行的。所以重要的元素，如logo就应该使用img，我也犯了这
BootStrap前端框架网页模板
zhang1409399037的博客
03-20 6486
一、网页效果图如下： 二、网页代码如下： 与网页同级目录 有这几个： 其中Font-Awesome-3.2.1是bootstrap的字体图标库，其他的大家自己可以搞定，主要看代码如下： <!doctype html> <html lang="en"> <head> <meta charset=...
bootstrap案例代码
三个和尚_的博客
12-09 4039
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;zh-CN&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;!--声明文档兼容模式，表示使用IE浏览器的最新模式--&amp;gt; &
Bootstrap前端框架
CycloneKid的博客
10-11 568
一.BootStrap简介Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的CSS/HTML框架，它简洁灵活，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，由动态CSS语言Less写成 Bootstrap预定义一套CSS样式和与样式相对应的JQuery代码，开发者只需要提供固定
Ajax利用FormData提交表单
u010913443的专栏
04-05 4111
一、ajax提交纯表单（不包含文件或二进制或非ASCII数据）      ajax提交表单绕了很久，遇到一些问题进行测试下以加深理解，测试使用浏览器 49.0.2623.110 m，HTML使用HTML4标准。下文提到的ajax为原生javascript的ajax（脚本化HTTP），都是个人理解，如有错误还望被指正。关于AJAX，XMLHttpRequest，FormData等应该还有许多待深入
maven项目转成web项目,通过eclipse…
u010913443的专栏
04-11 3124
使用eclipse插件创建一个web project 首先创建一个Maven的Project如下图     我们勾选上Create a simple project （不使用骨架）       这里的Packing 选择 war的形式     由于packing是war包，那么下面也就多出了webapp的目录   由于我们的项目要使用eclipse发布到t
由git版本控制maven管理的简单web…
u010913443的专栏
04-11 2998
个人实践整理,
charts练习总结
u010913443的专栏
04-22 531
一.   jquery Flot ——a purejavaScript plotting library for jQuery 阅读网址 www.flotcharts.org http://github.com/flot/flot/blob/master/README.md http://github.com/flot/flot/blob/master/
平稳退化适应低版本浏览器
u010913443的专栏
04-11 460
一、方法说明 常用兼容性解决方案是为写Hack，通过*等标记出不同的浏览器，写不同的样式。然而本篇采取的是利用开源的JavaScript库Modernizr（官网——https://modernizr.com/）编写相应的javascript代码解决。首先利用Modernizr判断浏览器是否支持某属性，如果不支持，采取相应的策略。 利用Modernizr的优点（详见官网）： （1）以下是不使
IE8下Bootstrap导航栏修复教程：完美兼容解决方案
"本文将深入探讨如何解决Bootstrap导航栏navbar在Internet Explorer 8（IE8）浏览器上存在的兼容性问题。Bootstrap是一款流行的前端开发框架，其navbar组件旨在提供响应式导航设计。然而，由于IE8对HTML5和CSS3的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值