Bootstrap后台使用問題匯總（一）

第一次自己匯總寫博客啊，不懂規矩，大家包涵~~

 

    最近進行的項目中需要一個后台，於是在網上Down了許多Bootstrap后台源碼。精挑細選決定用“ACE后台管理系統”（因為是中文的，英文三級狗的小鹿還能看懂）。

先來一個預覽圖：

 

 

使用過程中發現幾個問題總結如下：

1.頁面加載緩慢或者根本打不開。

疑惑很久，用編輯器打開看源碼發現下面這句代碼：

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

注釋后果然快速打開了。

解決辦法：fonts.googleapis.com加載慢解決辦法

2.該后台程序使用的是Font Awesome圖標。

第一次使用這個圖標字體庫忽略掉了源碼使用的字體庫版本問題，替換成最新的字體庫版本，造成部分圖標顯示不出。

解決辦法：當然是下載對應版本的字體庫嘍

另：字體庫鏈接使用了bootstrap中文網里的服務。

3.令人苦惱的瀏覽器兼容問題。

FF、Chrome支持良好，IE下出現問題。發現時JQ版本問題。

原因：jQuery 2.0 不再支持 IE 6/7/8

解決辦法：插入兩個版本JQ，對瀏覽器進行判斷。代碼如下：

<!--[if !IE]><!-->


<script src="assets/js/jquery-2.0.3.min.js"></script>
<!--<![endif]-->  
<!--[if IE]> 

<script src="assets/js/jquery-1.10.2.min.js"></script>

<![endif]-->

4.繼續研究中……