boostrap-非常好用但是容易让人忽略的地方【4】:Font Awesome
2016-05-24 15:13
260 查看
font-awesome基本用法
官方代码传送门
font-awesome在bootstrap中的特殊用法(这个才是重点)
要点归纳1(官方)
官方代码传送门
要点归纳2(我的)
原始代码效果:可以看到明显的,三角箭头偏上,当然你也可以对该图标进行自己定位,但经本人测试,确实不怎么好处理(可能水平有限)
下面提供一种github上常见的解决办法
加上css代码后的效果:几乎完美解决
官方代码传送门
font-awesome在bootstrap中的特殊用法(这个才是重点)
要点归纳1(官方)
官方代码传送门
要点归纳2(我的)
<a href="javascript:void(0);"><span>日志</span><i class="fa fa-caret-right fa-fw pull-right"></i></a>
原始代码效果:可以看到明显的,三角箭头偏上,当然你也可以对该图标进行自己定位,但经本人测试,确实不怎么好处理(可能水平有限)
下面提供一种github上常见的解决办法
.fa.pull-right { line-height: inherit; }
加上css代码后的效果:几乎完美解决
相关文章推荐
- myeclipse中的eclipse.ini正确的配置
- 面向对象的JavaScript-005-Function.prototype.call()的3种作用
- 移动医疗开始笔记1
- 利用PPT制作PNG透明图片
- windows下apache下载安装
- 鼠标控制物体移动
- string与date互转,以及时间比较
- jQuery中借助deferred来请求及判断AJAX加载的实例讲解
- Andorid 项目中Dialog的便捷开发,全面的样式选择.
- 磁盘调度算法
- 给老公做的爱心便当,持续更新!-西餐-19楼私房菜-杭州19楼
- 设置session的生命周期(php)
- Spring Data JPA Tutorial Part Nine: Conclusions(未翻译)
- 控制物体旋转和缩放代码
- Bigdcimal 加减法
- 基本数据结构概念
- 基本数据结构概念
- HDU 1518 Square(DFS)
- docker是什么?
- 基本数据结构概念