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

font-awesome基本用法

  官方代码传送门

font-awesome在bootstrap中的特殊用法(这个才是重点)

  要点归纳1(官方)

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

    官方代码传送门

  要点归纳2(我的)

<a href="javascript:void(0);"><span>日志</span><i class="fa fa-caret-right fa-fw pull-right"></i></a>

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

    原始代码效果:可以看到明显的,三角箭头偏上,当然你也可以对该图标进行自己定位,但经本人测试,确实不怎么好处理(可能水平有限)

    下面提供一种github上常见的解决办法

.fa.pull-right { line-height: inherit; }

    加上css代码后的效果:几乎完美解决

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

上一篇:boostrap-非常好用但是容易让人忽略的地方【5】:input-group-btn


下一篇:js实现无限级树形导航列表