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的方法  # 微软  # 可选  # 是由  # 什么意思  # 小编  # 的是  # 样式表  # 加载  # 这一  # 是一种  # 都不  # 在此  # 两种  # 将其  # 这两个  # 就没  # 这类  # 给大家  # 有几个  # 自定义 

相关文章： 建站之星导航如何优化提升用户体验？  如何在局域网内绑定自建网站域名？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  香港服务器如何优化才能显著提升网站加载速度？  宝塔建站无法访问？如何排查配置与端口问题？  电脑免费海报制作网站推荐,招聘海报哪个网站多？  网站制作软件有哪些,制图软件有哪些？  建站主机如何安装配置？新手必看操作指南  如何登录建站主机？访问步骤全解析  常州企业网站制作公司,全国继续教育网怎么登录？  山东网站制作公司有哪些,山东大源集团官网？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  如何选择高效可靠的多用户建站源码资源？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  营销式网站制作方案,销售哪个网站招聘效果最好？  如何通过云梦建站系统实现SEO快速优化？  建站主机选购指南：核心配置与性价比推荐解析  导航网站建站方案与优化指南：一站式高效搭建技巧解析  如何在建站主机中优化服务器配置？  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  学校为何禁止电信移动建设网站？  建站之星伪静态规则如何正确配置？  建站之星安装需要哪些步骤及注意事项？  建站之星后台密码遗忘？如何快速找回？  已有域名和空间，如何快速搭建网站？  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  如何在香港免费服务器上快速搭建网站？  建站之星如何修改网站生成路径？  如何快速查询网址的建站时间与历史轨迹？  如何在IIS服务器上快速部署高效网站？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  如何做网站制作流程,*游戏网站怎么搭建？  如何通过西部数码建站助手快速创建专业网站？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  建站之星好吗？新手能否轻松上手建站？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  Python lxml的etree和ElementTree有什么区别  建站org新手必看：2024最新搭建流程与模板选择技巧  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  制作网站的软件免费下载,免费制作app哪个平台好？  C#如何序列化对象为XML XmlSerializer用法  高端云建站费用究竟需要多少预算？  建站之星如何快速更换网站模板？  ,网站推广常用方法？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  建站之星在线客服如何快速接入解答？  如何用已有域名快速搭建网站？  教学论文网站制作软件有哪些,写论文用什么软件 ？