Bootstrap3.0支持IE8的方法

最新推荐文章于 2025-08-07 21:29:52 发布

转载最新推荐文章于 2025-08-07 21:29:52 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/659587/blog/508773

文章标签：

#ui #python

本文介绍了如何解决Bootstrap UI在Internet Explorer 8浏览器下的兼容性问题。主要通过使用Respond.js来支持IE8对@media的识别，确保响应式布局正常工作，并利用bootstrap-ie78.css文件改善UI组件的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

1. Bootstrap UI整体在IE8下变窄，进而组件摆放论套

问题出在IE8不支持 @media ，而Bootstrap的一大优势Responsive UI是完全基于@media的。解决这个问题，使用Respond.js https://github.com/scottjehl/Respond

2. Bootstrap UI组件在IE8下美观有问题

使用bootstrap-ie78.css

除此之外，IE8多数问题在于{aaa:aaa,bbb:bbb,ccc:ccc,}最后的那个逗号！

转自他人帖子，仅用于备忘！

转载于:https://my.oschina.net/u/659587/blog/508773

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33884611

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

bootstrap3支持ie系列

weixin_34309435的博客

01-07

200

原文：http://79px.com/html-css/263 关于Bootstrap3对于ie8的兼容源泉星期四, 11/20/2014 - 16:25其实，之前一直以为Bootstrap3很难实现对ie9一下的版本兼容。但前两天看了一个同行的网站，用的Bootstrap3做的，结果我用ie8测的时候，网站基本上是正常的。这不得不让我怀疑之前自己的看法的。于是就抽时间...

Bootstrap3如何解决ie8适配的问题-云帮平台

Mr_Wang_的专栏

08-15

1241

Bootstrap3如何解决ie8适配的问题-云帮平台近日，云帮-中小企业电商服务平台在平台建设期间遇到了许多的技术性问题，采用bootstrap布局页面，不兼容ie8，一打开布局就是乱的，网上查了下也发现很多人在这块上面头疼，在经过一段的探索后，终于解决了bootstrap布局页面兼容ie8的问题。更多详情：访问http://www.yoobom.com 1.浏览器和设备的支持情况

参与评论您还未登录，请先登录后发表或查看评论

bootstrap3.0为浏览器IE6~IE8提供支持

liuenshuo的博客

11-28

588

为bootstrap添加ie8及以下浏览器的显示支持。

bootstrap在ie8下，兼容媒体查询

weixin_30484739的博客

02-27

200

最近使用bootstrap做网站的时候发现，在ie8下的媒体查询一直失效：后来解决了，做如下记录： 1、必须运行在服务器下 2、hack 条件语法，如下： <!--[if lte ie 9]> <script src="js/html5shiv.min.js"></script> <script s...

关于bootstrap在IE8下不能支持自适应的问题

weixin_30537391的博客

08-30

125

说到这个问题，我就想吐槽下IE了，开发这么多版本，每个版本都有一些这样那样的问题不支持，别的正常的浏览器咋都能支持呢？真是垃圾浏览器！！！！说归说，但是IE现在用的人多啊，怎么办？这个问题还是得解决啊。先说说为什么低版本的IE不支持bootstrap呢？其实你们仔细查看一下代码就会发现，在IE下，页面根本没有使用bootstrap-responsive中的样式，原...

Bootstrap3.0学习笔记之入门篇

09-22

- 兼容性：Bootstrap支持主流浏览器，并且针对IE7和IE8提供了额外的支持文件。 - 全面的文档：提供了详细的API文档和使用指南，便于开发者学习和使用。使用Bootstrap的基本步骤： 1. 下载Bootstrap：开发者可以...

Bootstrap3.0

03-22

8. **兼容性**：Bootstrap3.0兼容大部分现代浏览器，包括Chrome、Firefox、Safari、Edge和IE9及以上版本，确保了代码的广泛适用性。在“轩灵移动端”这个文件中，我们可以推测这可能包含了针对Bootstrap3.0的...

Bootstrap3.0学习笔记之CSS相关补充

09-22

本文主要探讨了在Bootstrap3.0中与CSS相关的几个关键点，包括浏览器支持、图片展示、响应式工具以及可能遇到的问题。首先，关于浏览器支持，Bootstrap3.0致力于在最新版本的主流浏览器中提供最佳体验，如Chrome、...

Unify template bootstrap 3.0网页模板

11-27

5. **跨浏览器兼容性**：Bootstrap 3.0致力于确保其组件在所有主流浏览器（如Chrome、Firefox、Safari、Edge和IE9+）上的良好表现，这使得Unify模板在广泛的用户群体中都能正常运行。 "Unify模板"包含四十多个页面...

解决bootstrap 3 IE8兼容性问题

06-11

解决bootstrap 3 IE8兼容性问题研究了下getbootstrap.com网站在IE8下是正常的，他们采取的解决办法是：

HTML5 bootstrap2网页兼容（支持IE10以下）

iteye_20411的博客

07-06

335

<!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &lt

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

热门推荐

编程之家

11-26

22万+

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法，IE6 IE7 IE8 IE9 IE10 IE11，chrome,firefox,safari,opera，360浏览器（极速模式）、搜狗浏览器等浏览器测试通过

bootstrap兼容IE8，IE7

XingZhaoQiang的专栏

06-14

2564

今天需要调整页面兼容IE7 学习了：http://www.lxway.com/444544602.htm 百度了下 meta name="viewport" content="width=device-width, initial-scale=1"> meta http-equiv="X-UA-Compatible" content="IE=edge"> 前者定义媒体查询，后

@media 兼容ie8-CSS3响应式布局（@media screen）兼容IE6-8的方法（IE9以下）

小熊猫

10-24

4612

最近做了一个响应式网站，主要用到了CSS3里的@media screen，今天无意用IE8打开发现网站竟然不正常，才知道原来IE8不兼容响应式@media screen呢。下面跟大家分享下青岛星网的解决方法。我看了下IE6-IE8下加载网站，网站不能正常显示的主要原因就是没有加载成功CSS，也就是说IE6-IE8不识别CSS3里面@media screen。既然是无法加载CSS，那么让IE...

【qt5_study】1.Hello world

2301_79858368的博客

08-05

1039

本文介绍了Qt开发中项目创建和文件结构的基本知识。主要内容包括：1.项目模板选择，推荐使用Qt Widgets Application，基类通常选择QMainWindow或QWidget；2.项目文件结构，包含.pro项目管理文件、头文件、源文件和.ui界面文件；3.界面设计器使用，通过拖拽控件和设置属性来设计界面；4.项目构建运行流程，从main()函数入口到窗口显示的基本原理。文章特别强调了在嵌入式开发中通常使用QWidget作为基类，并详细说明了各文件的作用和相互关系，为Qt初学者提供了基础的项目开发

Android Studio切换到经典UI，老UI

weixin_42504805的博客

08-06

294

2、菜单File ->Settings ,在Setting界面将Enable New UI 的勾选去掉，点击OK，重启Android Studio，熟悉的界面就回来了.4.下载完成有个提示点击确认，会退出android studio，自己从新启动studio，经典UI就回来了。为什么要写这边文章，我自己的android studio年儿半载安装一次新的，所以记录一下。3、如果没有找到New UI，跟新版本idea一样，需要通过插件的方式还原到老版本界面。‌，点击下面的蓝色字体加载查询更多就能查到。

【无标题】