boostrap-非常好用但是容易让人忽略的地方【4】:Font Awesome

font-awesome基本用法

  官方代码传送门

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代码后的效果:几乎完美解决

      

欢迎大家多多交流
原文地址:https://www.cnblogs.com/shihao316558512/p/5523498.html