關(guān)于Bootstrap打包的文件分別代表什么意思,官網(wǎng)也沒(méi)有給出一個(gè)明確的解釋,在網(wǎng)上查了一些資料,總價(jià)歸納了如下:
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完全一樣,但是把中間不必要的空格之類的東西都刪掉了,所以文件大小會(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" rel="external nofollow" ><!-- 可選的Bootstrap主題文件(一般不用引入) --><link rel="stylesheet" rel="external nofollow" ><!-- jQuery文件,務(wù)必在bootstrap.min.js 之前引入 --> <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 --><script src="http://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)于字體文件的解釋:
而由于網(wǎng)頁(yè)中使用的字體類型,也是各瀏覽器對(duì)字體類型有不同的支持規(guī)格。 字體格式類型主要有幾個(gè)大分類:TrueType、Embedded Open Type 、OpenType、WOFF 、SVG。
TrueType
Windows和Mac系統(tǒng)最常用的字體格式,其最大的特點(diǎn)就是它是由一種數(shù)學(xué)模式來(lái)進(jìn)行定義的基于輪廓技術(shù)的字體,這使得它們比基于矢量的字體更容易處理,保證了屏幕與打印輸出的一致性。同時(shí),這類字體和矢量字體一樣可以隨意縮放、旋轉(zhuǎn)而不必?fù)?dān)心會(huì)出現(xiàn)鋸齒。
EOT 主站蜘蛛池模板: 繁峙县| 方城县| 七台河市| 茶陵县| 丹寨县| 荃湾区| 高淳县| 长汀县| 隆尧县| 宜丰县| 叶城县| 桦川县| 乐山市| 林芝县| 独山县| 红河县| 舞阳县| 丽水市| 珠海市| 涡阳县| 陵水| 天等县| 获嘉县| 手游| 泸水县| 南昌县| 习水县| 香港 | 通道| 芜湖市| 葵青区| 右玉县| 邢台县| 姚安县| 沅江市| 津市市| 南漳县| 灵寿县| 祁阳县| 桓仁| 义乌市|