html 如何引用 Bootstrap? 下面本篇文章给大家介绍一下在 HTML 中引用 Bootstrap 框架的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
HTML 中引入 Bootstrap 框架
因为 Bootstrap 依赖 jQuery 库, 所以在引入 Bootstrap 的同时要引入 jQuery 库, 注意事项: 引入的顺序不要改变, 否则会得不到自己想要的结果.
有两种引入方法:
1, 直接引入:
- <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/CSS/bootstrap.min.css">
- <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js">
- </script>
- <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js">
- </script>
优点: 方便, 简单;
缺点: 使网页加载缓慢, 需要有网络的情况;
2, 下载好库再进行引入:
下载 jQuery 库:
1) 找 jQuery 官网, 点击 Download jQuery:
2) 下拉页面, 下载对应版本的 jQuery 库:
3) 进行下载:
4) 放到需要引用的 HTML 文件相同的地方, 要放桌面都放桌面, 要放文件夹都放同一文件夹下. 要重命名. 例:
5) 根据具体的路径直接引入即可. 例:
开始引入 Bootstrap
1) 下载 Bootstrap 库
2) 选择合适的库
3) 下载后解压缩, 也放入同样的目录下:
4) 打开后
5) 按需引入, 注意路径不要错误
优点: 加载网页会快点, 没有网络的情况也可用;
缺点: 稍许麻烦点 (多次用可忽略不计)
更多 web 开发知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/framework/bootstrap/17956.html