-
- 你理理我 2021-10-09
- Bootstrap中JS插件依赖于jQuery因此jQuery要在Bootstrap之前引用
- 0赞 · 0采集
-
- qq_慕仔5392732 2021-10-06
1.bootstrap不支持ie的兼容模式；(加入如下代码：<meta http-equiv="X-UA-Compatible" content="IE=edge">可在IE浏览器中运行最新的渲染模式)
2.初始化移动浏览器显示<meta name="viewport" content="width=device-width,initial-scale=1">(移动浏览器是把页面放在一个虚拟的视口中，即viewport，通常这个虚拟的视口比屏幕宽，这样就不用把每个网页挤到很小的视口中，但是这样会破坏没有针对移动浏览器优化的网页布局)（viewport可用于控制大小及缩放）（代码可理解为让视口的宽度为物理设备上真实的分辨率，即宽度，初始的缩放比例为1，即不缩放）
3.载入bootstrap的css样式，用link，如下图
若IE版本低于IE9，则加入图中代码http://img.mukewang.com/553b9b2f00018c0d12000530-120-68.jpg
4. 加入jQuery和js插件（bootstrap中的js插件依赖于jquery，因此jquery要在bootstrap之前引用。）
js文件放在body的最下面
html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。
指定用户是否可以缩放视区，即缩放Web页面的视图。"是user-scalable指令 ,值为yes时允许用户进行缩放，值为no时不允许缩放。- 0赞 · 0采集
-
- ColdSoul 2021-08-18
在IE运行最新的渲染模式
<meta http-equiv="X-UA-Compatible" content="IE=edge">
初始化移动窗口显示
<meta name="viewport" content="width=device-width,initial-scale=1">
- 0赞 · 0采集
-
- gsl003 2021-05-26
v2版本:支持广泛浏览器,因为兼容性包袱,本身功能不够激进,代码不够简洁(v2.3.2后不再跟新)
v3版本:放弃了IE7、火狐3.x版本的支持, 虽然支持Ie8,由于它对css3的支持有限,所以呈现效果也大打折扣
模版代码:
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--在IE运行最新的渲染模式--> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--初始化移动浏览显示, 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 --> <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 --> <!--[if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> <![endif]--> </head> <body> <h1>你好，世界！</h1> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) --> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> </body> </html>
- 0赞 · 0采集
-
- weibo_执著的弧线_0 2021-02-23
JQuery要在Bootstrap之前引用
- 0赞 · 0采集
-
- 农民工024 2020-07-12
IE版本低于IE9的处理方式
-
截图0赞 · 0采集
-
- 农民工024 2020-07-12
宽度与浏览器一致，缩放比例为1
-
截图0赞 · 0采集
-
- qq_慕标0319973 2020-04-21
的点点滴滴
- 0赞 · 0采集
-
- WE_Xing 2020-03-30
Bootstrap
-
截图0赞 · 0采集
-
- 爱学习的九亿少女 2020-03-23
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件（一般不用引入） --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
- 0赞 · 0采集
-
- 社会欢_编程小渣渣 2020-03-18
aaaaaa
-
截图0赞 · 0采集
-
- Sunshine165 2020-03-10
bootstrap不支持IE8的兼容模式
width=device-width //让宽度等于页面得宽度initial-scale=1 //设置初始缩放的比例
css文件放在head中
javascript文件放在body最下边
- 0赞 · 0采集
-
- qq_唯我_4 2020-02-11
初始化移动浏览显示
-
截图0赞 · 0采集
-
- qq__影沫冉__0 2019-09-10
bootstrap中文网：http://www.bootcss.com
点击进入bootstrap中文网，点击起步（bootstrap会教你如何轻松使用它），你可以下载bootstrap文档，也可以通过引入bootCDN加速服务来使用bootstrap。
bootstrap使用：
bootstrap给我们提供了下面这套简单的模板让我们很容易使用它：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 --> <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 --> <!--[if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> <![endif]--> </head> <body> <h1>你好，世界！</h1> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) --> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> </body> </html>
bootstrap所有的JavaScript插件都依赖于jQuery，所以jQuery必须在bootstrap之前引入。
引入时，将css放在head中，将jQuery和bootstrap的压缩包放在body的最后边。
- 0赞 · 0采集
-
- 慕函数0006390 2019-07-22
Bootstrao中的JS插件依赖于jQuery因此jQuery要在bootstrap之前引用。
- 0赞 · 1采集
-
- Eric_Zeng 2019-07-13
初始化移动浏览显示，视口宽度等于设备宽度 --> 不可缩放
-
截图0赞 · 0采集
-
- Eric_Zeng 2019-07-13
Bootstrap基于jQuery，所以Bootstrap引用前需引用jQuery
- 1赞 · 0采集
-
- Eric_Zeng 2019-07-13
下载地址：getbootstrap.com
含有在线CDN版本
- 0赞 · 0采集
-
- qq_大树_19 2019-03-30
听课笔记：
bootstrap的js依赖于jQuery，所以要在引用bootstrap的js之前，先引用jQuery。
- 0赞 · 0采集
-
- 苦咖 2019-03-05
<meta name="viewport" content="width=device-width,initial-scale=1">
让视口的宽度等于物理设备上真实的分辨率，初始的缩放比例为1也就是不缩放，网页会更加的细腻一般在适配移动浏览器时都会加入此代码
- 0赞 · 0采集
-
- 苦咖 2019-03-05
在IE运行最新的渲染模式
<meta http-equiv="X-UA-Compatible" content="IE=edge>
-
截图0赞 · 0采集
-
- 苦咖 2019-03-05
Bootstrap中JS插件依赖于jQuery因此jQuery要在Bootstrap之前引用
- 0赞 · 0采集
-
- 七七见 2019-02-25
css放在<head>
js放在<body>的最下面
- 0赞 · 0采集
-
- qq_李卓轩_0 2019-02-02
bootstrap起步注意点：
-
截图1赞 · 1采集
-
- 怀揣梦想的小白 2019-01-25
下载或者引入cdn
bootstrap依赖于jquery，因此先引入jq
css文件放在head中，js文件放在body最下面
- 0赞 · 0采集
-
- qq_J_104 2018-12-25
bootstrap中的js插件依赖于jquery
jQuery 要在 bootstrap前引用
-
截图0赞 · 0采集
-
- 不知道叫啥昵称才好 2018-11-26
BootStrap中的JS插件依赖于jQuert。因此jQuery要在Bootstrap之前引用.
-
截图0赞 · 0采集
-
- 慕网老油条丶 2018-10-31
Bootstrap中所有的JS插件依赖于jQuery,因此jQuery要在BootStrap之前引用
- 0赞 · 0采集
-
- Hello_my_new_world 2018-10-22
在IE中运行最新的渲染模式
-
截图0赞 · 0采集
-
- Hello_my_new_world 2018-10-22
因为bootstrap中的js插件依赖于jQuery，js文件先引入jquery再引入bootstrap
把css文件放在<head></head>中，把js文件放在<body></body>的最下面。
- 0赞 · 0采集
