Bootstrap里的文件分别代表什么意思及其引用方法

关于Bootstrap打包的文件分别代表什么意思，官网也没有给出一个明确的解释，在网上查了一些资料，总价归纳了如下：

bootstrap/    <!--主目录-->

├── css/ <!--CSS样式文件-->

│ ├── bootstrap.css <!--Bootstrap核心CSS文件-->

│ ├── bootstrap.css.map <!--source map文件-->

│ ├── bootstrap.min.css <!--Bootstrap核心CSS文件 压缩版-->

│ ├── bootstrap.min.css.map

│ ├── bootstrap-theme.css <!--可选的Bootstrap主题文件（一般不用引入）-->

│ ├── bootstrap-theme.css.map

│ ├── bootstrap-theme.min.css <!--可选的Bootstrap主题文件（一般不用引入） 压缩版-->

│ └── bootstrap-theme.min.css.map

├── js/ <!--JavaScript文件-->

│ ├── bootstrap.js <!--Bootstrap核心JavaScript文件-->

│ └── bootstrap.min.js <!--Bootstrap核心JavaScript文件 压缩版-->

└── fonts/ <!--字体图标-->

 ├── glyphicons-halflings-regular.eot

 ├── glyphicons-halflings-regular.svg

 ├── glyphicons-halflings-regular.ttf

 ├── glyphicons-halflings-regular.woff

 └── glyphicons-halflings-regular.woff2

*bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用
*bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，所以文件大小会比bootstrap.css小，可以在部署网站的时候引用，如果引用了这个文件，就没必要引用bootstrap.css了，下面的文件同样。

bootstrap的环境至少需要3个文件：bootstrap.min.css、jQuery.min.js、bootstrap.min.js，具体代码如下：

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="external nofollow" >
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" rel="external nofollow" >
<!-- jQuery文件，务必在bootstrap.min.js 之前引入 --> 
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

需要注意的是：

bootstrap.min.css、jquery.min.js、bootstrap.min.js这三个文件的引入顺序一定不能错乱，一般把jquery.min.js、bootstrap.min.js这两个文件放入HTML网页的最底部，这么做是为了防止网页未加载完毕而这两个文件先加载可能产生的不必要的问题。

关于字体文件的解释：

而由于网页中使用的字体类型，也是各浏览器对字体类型有不同的支持规格。 字体格式类型主要有几个大分类：TrueType、Embedded Open Type 、OpenType、WOFF 、SVG。

TrueType

Windows和Mac系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使得它们比基于矢量的字体更容易处理，保证了屏幕与打印输出的一致性。同时，这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。

EOT – Embedded Open Type (.eot)

EOT是嵌入式字体，是微软开发的技术。允许OpenType字体用@font-face嵌入到网页并下载至浏览器渲染，存储在临时安装文件夹下。

OpenType (.otf)

OpenType是微软和Adobe共同开发的字体，微软的IE浏览器全部采用这种字体。致力于替代TrueType字体。

WOFF – Web Open Font Format (.woff)

WOFF（Web开发字体格式）是一种专门为了Web而设计的字体格式标准，实际上是对于TrueType/OpenType等字体格式的封装，每个字体文件中含有字体以及针对字体的元数据（Metadata），字体文件被压缩，以便于网络传输。

SVG (Scalable Vector Graphics) Fonts (.svg)

SVG是由W3C制定的开放标准的图形格式。SVG字体就是使用SVG技术来呈现字体，还有一种gzip压缩格式的SVG字体。使用方法：使用CSS3的@font-face属性可以实现在网页中嵌入任意字体。 但是IE只支持微软自有的EOT格式字体，需要用字体转换工具将其转换为EOT格式，其他浏览器都不支持这一字体格式，其它浏览器可以设置TTF(TrueType)和OTF(OpenType)两种字体作为自定义字体。

以上所述是小编给大家介绍的Bootstrap里的文件分别代表什么意思及其引用方法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对网站的支持！

# bootstrap  # 文件  # bootstrap引用  # bootstrapfileinput实现文件自动上传  # JS文件上传神器bootstrap fileinput详解  # Bootstrap的fileinput插件实现多文件上传的方法  # Bootstrap自定义文件上传下载样式  # Bootstrap里的文件分别代表什么意思及其引用方法  # 网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法  # 表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题  # Yii2框架引用bootstrap中日期插件yii2-date-picker的方法  # 微软  # 可选  # 是由  # 什么意思  # 小编  # 的是  # 样式表  # 加载  # 这一  # 是一种  # 都不  # 在此  # 两种  # 将其  # 这两个  # 就没  # 这类  # 给大家  # 有几个  # 自定义 

相关文章： 如何快速辨别茅台真假？关键步骤解析  高端建站三要素：定制模板、企业官网与响应式设计优化  开源网站制作软件,开源网站什么意思？  如何快速搭建高效WAP手机网站？  开心动漫网站制作软件下载,十分开心动画为何停播？  C#怎么创建控制台应用 C# Console App项目创建方法  如何通过万网虚拟主机快速搭建网站？  小型网站制作HTML,*游戏网站怎么搭建？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  详解jQuery中基本的动画方法  如何在Tomcat中配置并部署网站项目？  测试制作网站有哪些,测试性取向的权威测试或者网站？  广州营销型建站服务商推荐：技术优势与SEO优化解析  青岛网站建设如何选择本地服务器？  如何在万网ECS上快速搭建专属网站？  建站主机选购指南：核心配置优化与品牌推荐方案  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  微课制作网站有哪些,微课网怎么进？  如何撰写建站申请书？关键要点有哪些？  如何设计高效校园网站？  如何通过虚拟主机快速搭建个人网站？  如何注册花生壳免费域名并搭建个人网站？  一键网站制作软件,义乌购一件代发流程？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  如何通过主机屋免费建站教程十分钟搭建网站？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  建站主机服务器选型指南与性能优化方案解析  利用JavaScript实现拖拽改变元素大小  网站app免费制作软件,能免费看各大网站视频的手机app？  如何在阿里云购买域名并搭建网站？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  建站之星备案是否影响网站上线时间？  如何在宝塔面板中创建新站点？  免费网站制作appp,免费制作app哪个平台好？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  nginx修改上传文件大小限制的方法  如何快速生成橙子建站落地页链接？  如何在万网开始建站？分步指南解析  如何在云服务器上快速搭建个人网站？  如何选择高效便捷的WAP商城建站系统？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  如何在Windows 2008云服务器安全搭建网站？  建站之星在线版空间：自助建站+智能模板一键生成方案  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  深圳网站制作案例,网页的相关名词有哪些？