有的时候我们会用到一些字体图标,很多字体图标都是收费的,除非自己设计开发,
在Bootstrap中,收录了两百多个可以免费使用的字体图标,使得我们基于Bootstrap
开发的过程更加便捷;
我们先来看看如何使用字体图标:
<
span
class
=
"glyphicon glyphicon-search"
aria-hidden
=
"true"
></
span
>
这样就可以了,写一个 <span>, class中添加 glyphicon glyphicon-search + aria-hidden="true"
glyphicon-search 是一个搜索图标,也就是一个放大镜图标,我们看看显示效果:
我们再次结合一下按钮,把上面的放大镜图标放到按钮中:
<
button
class
=
"btn btn-success"
>
<
span
class
=
"glyphicon glyphicon-search"
aria-hidden
=
"true"
></
span
>
搜索
</
button
>
显示效果:
这样就可以很简单的使用Bootstrap自带的图标快速的完成我们的项目,节省大量的时间;