BootstrapBootstrap后台使用难点集中(一)

style=”font-size: medium;”>第③回协调汇总写博客啊,不懂规矩,大家包罗~~

 

   
近日拓展的种类中要求一个后台,于是在网上Down了累累Bootstrap后台源码。精挑细选决定用“ACE后台管理体系”(因为是汉语的,英文三级狗的小鹿仍是能够看懂Bootstrap 1)。

先来多少个预览图:

Bootstrap 2

 

 

使用进程中发觉多少个难题总括如下:

1.页面加载缓慢只怕根本打不开。

迷离很久,用编辑器打开看源码发现上面那句代码:

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

注脚后果真不慢打开了。

消除办法:fonts.googleapis.com加载慢化解办法

2.该后台程序使用的是Font Awesome图标。

率先次利用那些图标字体库忽略掉了源码使用的字体库版本难点,替换来最新的字体库版本,造成一些图标突显不出。

化解办法:当然是下载对应版本的字体库喽

另:字体库链接使用了bootstrap普通话网里的Bootstrap 3Bootstrap,服务。

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.继续商量中……

相关文章