Bootstrap打包的文件是什么意思

這篇文章主要為大家展示了“Bootstrap打包的文件是什么意思”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“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/ <!--字體圖標(biāo)-->

 ├── glyphicons-halflings-regular.eot

 ├── glyphicons-halflings-regular.svg

 ├── glyphicons-halflings-regular.ttf

 ├── glyphicons-halflings-regular.woff

 └── glyphicons-halflings-regular.woff2

*bootstrap.css 是完整的bootstrap樣式表，未經(jīng)壓縮過(guò)的，可供開(kāi)發(fā)的時(shí)候進(jìn)行調(diào)試用
*bootstrap.min.css 是經(jīng)過(guò)壓縮后的bootstrap樣式表，內(nèi)容和bootstrap.css完全一樣，但是把中間不必要的空格之類(lèi)的東西都刪掉了，所以文件大小會(huì)比bootstrap.css小，可以在部署網(wǎng)站的時(shí)候引用，如果引用了這個(gè)文件，就沒(méi)必要引用bootstrap.css了，下面的文件同樣。

bootstrap的環(huán)境至少需要3個(gè)文件：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文件，務(wù)必在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這三個(gè)文件的引入順序一定不能錯(cuò)亂，一般把jquery.min.js、bootstrap.min.js這兩個(gè)文件放入HTML網(wǎng)頁(yè)的最底部，這么做是為了防止網(wǎng)頁(yè)未加載完畢而這兩個(gè)文件先加載可能產(chǎn)生的不必要的問(wèn)題。

關(guān)于字體文件的解釋?zhuān)?/strong>

而由于網(wǎng)頁(yè)中使用的字體類(lèi)型，也是各瀏覽器對(duì)字體類(lèi)型有不同的支持規(guī)格。 字體格式類(lèi)型主要有幾個(gè)大分類(lèi)：TrueType、Embedded Open Type 、OpenType、WOFF 、SVG。

TrueType

Windows和Mac系統(tǒng)最常用的字體格式，其最大的特點(diǎn)就是它是由一種數(shù)學(xué)模式來(lái)進(jìn)行定義的基于輪廓技術(shù)的字體，這使得它們比基于矢量的字體更容易處理，保證了屏幕與打印輸出的一致性。同時(shí)，這類(lèi)字體和矢量字體一樣可以隨意縮放、旋轉(zhuǎn)而不必?fù)?dān)心會(huì)出現(xiàn)鋸齒。

EOT – Embedded Open Type (.eot)

EOT是嵌入式字體，是微軟開(kāi)發(fā)的技術(shù)。允許OpenType字體用@font-face嵌入到網(wǎng)頁(yè)并下載至瀏覽器渲染，存儲(chǔ)在臨時(shí)安裝文件夾下。

OpenType (.otf)

OpenType是微軟和Adobe共同開(kāi)發(fā)的字體，微軟的IE瀏覽器全部采用這種字體。致力于替代TrueType字體。

WOFF – Web Open Font Format (.woff)

WOFF（Web開(kāi)發(fā)字體格式）是一種專(zhuān)門(mén)為了Web而設(shè)計(jì)的字體格式標(biāo)準(zhǔn)，實(shí)際上是對(duì)于TrueType/OpenType等字體格式的封裝，每個(gè)字體文件中含有字體以及針對(duì)字體的元數(shù)據(jù)（Metadata），字體文件被壓縮，以便于網(wǎng)絡(luò)傳輸。

SVG (Scalable Vector Graphics) Fonts (.svg)

SVG是由W3C制定的開(kāi)放標(biāo)準(zhǔn)的圖形格式。SVG字體就是使用SVG技術(shù)來(lái)呈現(xiàn)字體，還有一種gzip壓縮格式的SVG字體。使用方法：使用CSS3的@font-face屬性可以實(shí)現(xiàn)在網(wǎng)頁(yè)中嵌入任意字體。 但是IE只支持微軟自有的EOT格式字體，需要用字體轉(zhuǎn)換工具將其轉(zhuǎn)換為EOT格式，其他瀏覽器都不支持這一字體格式，其它瀏覽器可以設(shè)置TTF(TrueType)和OTF(OpenType)兩種字體作為自定義字體。

以上是“Bootstrap打包的文件是什么意思”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！