新建一个html文件 ， 定名为test.html ， 用于介绍若何解决bootstrap在IE9浏览器的兼容问题 。
文章插图
2在head头部标签内 ， 利用meta标签界说content="IE=edge" ， 即最新的IE版本模式来显示网页；利用content="width=device-width, initial-scale=1"界说主动顺应手机屏幕的宽度 。
文章插图
3在head头部标签内 ， 利用link标签加载bootstrap.min.css样式文件 ， 这是利用bootstrap结构必需加载的文件 。
文章插图
4在head头部标签内 ， 加载两个js文件 ， 一个是html5shiv.min.js ， 另一个是respond.min.js文件 ， 这两个文件本家儿要实现IE9对HTML5元素和媒体查询（media queries）标签的撑持 。
文章插图
5在body标签内 ， 利用ul li建立一个下拉框 ， 而且利用bootstrap来实现结构和下拉的功能 。
文章插图
6【bootstrap不支持ie9怎么办】再加载jquery.min.js库文件和bootstrap.min.js文件 ， 这是bootstrap实现功能（例如弹窗、导航）必需加载的两个文件 。
文章插图
7在IE9浏览器运行test.html文件 ， 查看运行的结果 ， 当作功兼容IE9实现下拉菜单 。
文章插图
以上内容就是bootstrap不支持ie9怎么办的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 怎样使用bootstrap制作侧边栏
- 如何用Bootstrap制作输入框组
- 如何用Bootstrap制作轮播图
- 如何用Bootstrap制作导航条
- Bootstrap Table创建后台管理系统
- 华为手机为什么不支持微信指纹支付功能
- 苹果充电出现“不支持此配件”原因解析
- 电脑安装不了IE8提示不支持您的操作系统
- bootstrap如何更改导航栏颜色
- 微信视频通话提示对方不支持怎么办