固定宽度图标

KuaiKan 2020-10-9 658

固定宽度图标

使用fa-fw来设置图标在一个固定宽度内部,主要用于不同宽度图标无法对齐的情况,尤其是在列表或导航时导致重要作用。

<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; 首页</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; 关于我们</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; 后台应用编辑</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; 系统设置</a>
</div>


签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回