Bootstrap兼容处理

接将一下代码引用到页面 </body> 之前

<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!--
    其它js引用....
-->
<!--[if lt IE 9]>
<!-- 用于为 IE6-8 不支持的HTML5标签,实现原理: 通过document.createElement方法创建abbr,adide等html5标签,并添加样式实现 -->
<script src="//cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>

<!--用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计-->
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>

<!--用于为 IE6-8 不支持的HTML5标签的placeholder属性 begin-->
<script src="//cdn.bootcss.com/jquery-placeholder/2.0.8/jquery.placeholder.min.js"></script>
<script type="text/javascript">
    $(function () {
        $(‘input, textarea‘).placeholder();
    });
</script>
<!--用于为 IE6-8 不支持的HTML5标签的placeholder属性 end-->
<![endif]-->
时间: 2024-12-29 23:24:06

Bootstrap兼容处理的相关文章

解决easyui和bootstrap兼容问题

http://www.joleye.com/viewinfo-586.aspx 在使用bootstrap和easyui的时候,发现很多有冲突的地方,包括datagrid控件和combo等,以下进行的问题修正,保证easyui正常显示 CSS代码 /*bootstrap兼容问题和easyui的bug*/ .panel-header, .panel-body { border-width: 0px; } .datagrid,.combo-p{ border:solid 1px #D4D4D4; }

用bootstrap兼容ie各大浏览器的解决方法

以bootstrap为框架常常会出现不兼容ie各大浏览器的问题,用以下代码基本可以解决,一般在<head></head>加入以下代码后,网页可能还一些比较不美观,再写一点css hack就可以了,如果加入以下代码网页还是特别乱,请检查一下你的css和js的文件顺序,有加载顺序的... <!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="st

bootstrap兼容IE

这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分辨率来匹配不同的样式.IE8浏览器并不支持这一优秀的Css3特性,Bootstrap在开发文档中写了如何使用进行兼容IE8,如果想兼容IE6,IE7,可以搜索bsie (bootstrap2). http://v2.bootcss.com 1,注意,使用bootstrap最好使用2.0以下的jquery: 2,ie8以下不支持placeholder <script type="text/javasc

bootstrap 兼容IE6?

http://www.phperz.com/article/15/0109/45586.html http://www.360doc.com/content/14/0718/18/21412_395329347.shtml http://www.5imoban.net/jiaocheng/bootstrap/2015/1119/1484.html http://web.gxzj.com.cn/News.aspx?id=230795 兼容IE8使用 http://www.mamicode.com/

bootstrap兼容ie8以下版本

由于bootstrap用到了css3+html5 并且ie8以下的浏览器不支持css3和html5.很多公司现在都市ie8以下的浏览器不用兼容的,但是也有好多地方需要兼容.遇到这样的问题很好解决,只需将下面这段代码加入head中即可. <!--[if lte IE 9]> <script src="components/bootstrap/dist/js/respond.min.js"></script> <script src="c

Bootstrap兼容IE8

Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此 <meta> 标签加入到你的页面中: 1 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 国内浏览器厂商一般都支持兼容模式(即 IE 内核)和高速模式(即 webkit 内核),不幸的是,所有国产浏览器都是默认使用兼容模式,这就造成由于低版本 IE (IE8 及以下)内核让基于 Bo

Bootstrap兼容

转:http://blog.csdn.net/chenhongwu666/article/details/41513901 如有雷同,不胜荣幸,若转载,请注明让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法 最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式).搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种

bootstrap 兼容哪些浏览器

Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,但是功能是完整的.bootstrap3支持的浏览器: Chrome (Mac.Windows.iOS和Android)Safari (只支持Mac和iOS版,Windows版已经基本死掉了)Firefox (Mac.Windows)Internet ExplorerOpera (Mac.Windows)Bootstrap在Chromium.Linux版Chrome

bootstrap兼容ie8浏览器

只需要引这3个包就可以了 <link rel="stylesheet" href='bootstrap/dist/css/bootstrap.css'> <!--[if lte IE 9]> <script src='bootstrap/js/html5shiv.js'></script> <script src='bootstrap/js/respond.js'></script> <![endif]--&