Maison > interface Web > tutoriel HTML > Bootstrap后台使用问题汇总(一)_html/css_WEB-ITnose

Bootstrap后台使用问题汇总(一)_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:50:18
original
1183 Les gens l'ont consulté

第一次自己汇总写博客啊,不懂规矩,大家包涵~~

 

    最近进行的项目中需要一个后台,于是在网上Down了许多Bootstrap后台源码。精挑细选决定用“ACE后台管理系统”(因为是中文的,英文三级狗的小鹿还能看懂)。

先来一个预览图:

 

 

使用过程中发现几个问题总结如下:

1.页面加载缓慢或者根本打不开。

疑惑很久,用编辑器打开看源码发现下面这句代码:

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

注释后果然快速打开了。

解决办法: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]-->
Copier après la connexion

4.继续研究中……

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal