（一）bootstrap第三方扩展——Font Awesome

摘要：主要讲解一些比较常用的bootstrap扩展，比如字体图标（font awesome）、时间选择器、按钮等，这些扩展确实非常强大，能在bootstrap的基础上为我们增加不少光彩。

一、Font Awesome

1.1 介绍

font awesome是一款强大的icon图标集，可以进行矢量缩放，支持任意css对大小、颜色、阴影等的控制操作，它拥有9大特性：

（1）一个字体文件，369个图标；

（2）完全免费，可以商用；

（3）完全兼容bootstrap；

（4）可以直接利用css控制图标的大小、颜色、阴影等，只要css支持的都可以；

（5）支持IE7（需要应用兼容性文件：font-awesome-ie7.css）;

（6）友好的使用方式，样式和普通文本（Unicode格式）均可。

（7）无限的可伸缩性。

（8）Retina屏上的完美显示；

（9）完全兼容屏幕阅读器。

其下载地址：http://www.bootcss.com/p/font-awesome/

因为和bootstrap完全兼容（bootstrap以glyphicon-开头，font-awesome以icon-开头），所以使用方式非常简单，在bootstrap之后直接引用css文件即可。示例如下：

<!--[if IE 7]>

<![ebdif]-->

如果要支持IE7版本浏览器，则需要加上上述的兼容性文件代码。

时间： 2024-08-11 05:43:59

（一）bootstrap第三方扩展——Font Awesome的相关文章

（二）bootstrap第三方扩展font awesome——用法

一.常规用法 font awesome的常规用法和bootstrap里的icon一样,只需要在内联元素上应用相应的样式即可.如 <1 class="icon-camera-retro"></i> 不同的是,对于所有的图标,font awesome提供了4种所当大小的设置样式,分别是:.icon-large..icon-2x.icon-3x和.icon-4x,主要对图标放大相应的倍数. <p><i class="icon-carmera

laravel 5.1 添加第三方扩展库

laravel 5.1 添加第三方扩展库时间:2015-09-07 19:20:34 阅读:1654 评论:0 收藏:0 [点我收藏+] 步骤一:确定你要放第三方库的目录,假设:app/libs,并在该目录下放置类文件common.php. 步骤二:找到根目录下的composer.json文件并打开,找到autoload-dev参数,添加"app/libs/common.php".如图: common.php代码: 步骤三:然后执行命令: ph

【Python笔记】如何用C语言实现Python第三方扩展包

Python支持C/C++实现的第3方扩展包,在性能要求高的场合,这种特性显得尤其重要. 本文以实例说明定制Python扩展包的基本步骤. 1. 扩展包源码实现按照Python官网教程Extending Python with C or C++说明的步骤,扩展模块的源文件实现如下: #include <Python.h> // forward declaration void initpyext(void); // self-defined error obj static PyObject

vscode 安装go第三方扩展包填坑记录

1.vscode中安装go扩展包,不再阐述. 2.在安装好go的扩展包以后,创建GOPATH环境变量 3.PATH中会自动添加,如果没有可手动添加 4.在GOPATH目录下创建自己的工作空间(为什么一定是在GOPATH下创建,还不太清楚),我的是workspace(名称可以自定义) 5.打开VSCODE,文件-打开文件夹,选择GOPATH目录 6.在workspace下创建helloworld目录(我称为项目空间) 7.配置VSCODE中的setting.json文件加入如下配置: 8.编写h

Python之安装第三方扩展库

PyPI 地址:https://pypi.python.org/pypi 如果你知道你要找的库的名字,那么只需要在右上角搜索栏查找即可. 1.pip安装扩展库 (1)安装最新版本的扩展库: cmd> pip install django (2)安装指定版本的扩展库: cmd> pip install django==1.9.7 (3)使用 pip 查看当前安装的库 cmd> pip show django (4)卸载库 cmd> pip uninstall django 2.ta

android app开发，如何使用/引入第三方扩展jar

我目前开发的android app需要使用第三方的jar hessian-4.0.1.jar,于是我把jar加入到了工程中,并通过Order and Export. 进行检查. Order and Export 提示从第三方jar的所有类都没有加入到运行环境中. 如何才能正确快速的在android工程中使用第三方jar? 我不太会使用ant 和 Maven 处理方法下面是一个不错的方法,可以有效的在android工程里面添加第三方jar 在工程中创建一个libs的目录把你的第三方jar加入

tp5 加载第三方扩展类库与手动加载的问题

=============================================================== <?phpnamespace my; /*** 加载第三方类库*/ class Test{ public function sayHello(){ return 'hello'; }} ?> ---------------------------------- var_dump( (new \my\Test())->sayHello() ); ======

epel安装第三方扩展源后，运行yum报错的解决方案

yum安装报错:Cannot retrieve metalink for repository: epel. Please verify its path and try again 解决方法: 一句话:把/etc/yum.repos.d/epel.repo,文件baseurl的注释放开,mirrorlist注释掉. 具体如下: 打开/etc/yum.repos.d/epel.repo,将 [epel] name=Extra Packages for Enterprise Linux 6 - $

laravel 添加第三方扩展库

确定需要安装的位置 common.php测试代码打开cmd 跳转到项目根目录下运行命令 composer install 打开文件 vender/composer/autoload_classmap.php 控制器请求调用