国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

Bootstrap CDN和本地化環境搭建

2024-05-06 16:32:35
字體:
來源:轉載
供稿:網友

一、搭建bootstap環境

可以用bootstrap的CDN服務,在

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

這個順序不能改變,因為bootstrap.min.js需要調用jQuery庫,所以jquery.min.js要先于它。

二、本地化bootstap環境

有時候網絡有點卡,刷新頁面慢,影響網頁開發調式,解決這個讓人不耐煩的小問題的方法是本地化這些庫。本地化時,也要保持上面的順序。

(1)jquery庫,從官網直接下載下來,放在一個目錄,例如:存放在項目example中的jquery文件夾,則

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

即可

(2)bootstrap框架則相對要復雜一些;因為要調用bootstrap自身提供的按鈕之類的,如果僅僅有bootstrap.min.css和bootstrap.min.js,會導致一些問題。例如,明明在代碼當中添加了某個按鈕,但是在網頁中什么也沒有,排除寫錯之類的錯誤之外。在網頁中調用bootstrap的按鈕則需要額外的資源文件,只有把這些添加全了才可以正常使用。就調用按鈕為例,需要把bootstrap下載,然后找到dict文件夾,把里面的所有文件夾(會有css,js,fonts)copy到項目example新建文件夾boostrap當中。當需要使用按鈕時,系統會自動詢查相對路徑,來收集所需內容。

ps:如果其它的調用,把整個文件夾拷貝到項目當中,添加外部訪問即可。

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

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

< link href="//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">

之外

本地化:

復制整個 font-awesome 文件夾到您的項目中。

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

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

以上所述是小編給大家介紹的Bootstrap CDN和本地化環境搭建,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!

 

注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 澜沧| 石首市| 连云港市| 大埔县| 庄浪县| 五常市| 延长县| 兴义市| 宁国市| 太白县| 鞍山市| 乌拉特中旗| 栾城县| 乌苏市| 宾川县| 钟祥市| 通榆县| 深圳市| 赤壁市| 金平| 社会| 颍上县| 汶川县| 神池县| 大丰市| 浦县| 泾川县| 富宁县| 济南市| 太和县| 托克逊县| 扎鲁特旗| 开鲁县| 桑日县| 梁平县| 淳安县| 闵行区| 沛县| 密山市| 密山市| 阿拉善左旗|