一、搭建bootstap環(huán)境

可以用bootstrap的CDN服務(wù)，在

<link  rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

這個(gè)順序不能改變，因?yàn)閎ootstrap.min.js需要調(diào)用jQuery庫，所以jquery.min.js要先于它。

二、本地化bootstap環(huán)境

有時(shí)候網(wǎng)絡(luò)有點(diǎn)卡，刷新頁面慢，影響網(wǎng)頁開發(fā)調(diào)式，解決這個(gè)讓人不耐煩的小問題的方法是本地化這些庫。本地化時(shí)，也要保持上面的順序。

（1）jquery庫，從官網(wǎng)直接下載下來,放在一個(gè)目錄，例如：存放在項(xiàng)目example中的jquery文件夾，則

<script src="/example/jquery/jquery.min.js"></script> 

即可

（2）bootstrap框架則相對(duì)要復(fù)雜一些；因?yàn)橐{(diào)用bootstrap自身提供的按鈕之類的，如果僅僅有bootstrap.min.css和bootstrap.min.js，會(huì)導(dǎo)致一些問題。例如，明明在代碼當(dāng)中添加了某個(gè)按鈕，但是在網(wǎng)頁中什么也沒有，排除寫錯(cuò)之類的錯(cuò)誤之外。在網(wǎng)頁中調(diào)用bootstrap的按鈕則需要額外的資源文件，只有把這些添加全了才可以正常使用。就調(diào)用按鈕為例，需要把bootstrap下載，然后找到dict文件夾，把里面的所有文件夾（會(huì)有css,js,fonts）copy到項(xiàng)目example新建文件夾boostrap當(dāng)中。當(dāng)需要使用按鈕時(shí)，系統(tǒng)會(huì)自動(dòng)詢查相對(duì)路徑，來收集所需內(nèi)容。

ps:如果其它的調(diào)用，把整個(gè)文件夾拷貝到項(xiàng)目當(dāng)中，添加外部訪問即可。

(三)本地化添加外部資源

例如我想用fondawesome(官網(wǎng)，中文網(wǎng))一些資源，除了用最簡潔方式bootstrapCDN

< link  rel="stylesheet">

之外

本地化:

復(fù)制整個(gè) font-awesome 文件夾到您的項(xiàng)目中。

在HTML的 中引用font-awesome.min.css。

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

以上所述是小編給大家介紹的Bootstrap CDN和本地化環(huán)境搭建，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論