本文摘自PHP中文网，作者藏色散人，侵删。
Bootstrap的使用一般有两种方法：
引用在线的Bootstrap的样式，
将Bootstrap下载到本地进行引用。
在线引用
基本模板如下：
1 2 3 4 5 6 7 8 9 10 11 | <html>
<head>
<meta charset="UTF-8">
<title>Bootstrap引入</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
|
优点：不用本地安装Bootstrap，也不用考虑引用时的路径问题
缺点：一旦在线样式挂了，那么会影响整个页面样式的呈现
本地引用
将Bootstrap下载到本地。
直接访问上述代码中的3个网址来获取代码
去Bootstrap的官网 http://v3.bootcss.com/ 和JQuery
的官网 http://jquery.com/ 下载相应的文件
将需要的文件放在项目下，便于引用
阅读剩余部分
相关阅读 >>
不用bootstrap的理由有哪些
bootstrap用什么ui
bootstrap命令是什么意思
为什么前端不用bootstrap
bootstrap表单怎么居中
bootstrap.js有什么用
一招搞定bootstrap警告框
bootstrap按钮样式有哪些
bootstrap前端视图中如何实现页面内容模块化的隔离
bootstrap缓存怎么解决
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 怎么引入bootstrap
