23
2020
03

Bootstrap3 固定宽度的图标

使用.fa-fw类,可以将图标设置为一个固定宽度。主要用于不同宽度图标无法对齐的情况,尤其在列表或导航时起到重要作用。如:


<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i> 首页</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i> 关于</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i> 应用</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i> 设置</a>
</div>

效果如图 5‑3所示:fa-fw.png

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。