本文摘自PHP中文网，作者藏色散人，侵删。
Bootstrap是一组用于网站和网络应用程序开发的开源前端框架，包括HTML、CSS及JavaScript的框架，提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展，旨在使动态网页和Web应用的开发更加容易。
bootstrap文件怎么引入
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有必要学吗
bootstrap里面都有什么类
bootstrap怎么快速入门
bootstrap是什么，有什么特点？
vue.js怎么引入bootstrap
bootstrap是js框架吗
bootstrap怎么改样式
什么是bootstrap以及其作用
bootstrap官网的组件是什么
bootstrap响应式布局图片怎么居中
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » bootstrap文件怎么引入
