1. 程式人生 > >Bootstrap後臺使用問題彙總(一)

Bootstrap後臺使用問題彙總(一)

 最近進行的專案中需要一個後臺,於是在網上Down了許多Bootstrap後臺原始碼。精挑細選決定用“ACE後臺管理系統”(因為是中文的,英文三級狗的小鹿還能看懂D3WY0L%4S0{8@MP${S8))FC)。

先來一個預覽圖:

image

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

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

疑惑很久,用編輯器開啟看原始碼發現下面這句程式碼:

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

註釋後果然快速打開了。

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

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

另:字型庫連結使用了bootstrap中文網裡的image服務。

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]
-->

複製程式碼