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

至于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">

<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- 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)两栽字体作为自定义字体。

相关文章