Bootstrap提供免费图标的应用代码示例

Bootstrap提供免费图标的应用代码示例

操作方法

  • 01

    在网页制作中我们经常用到小图标(icon),在Bootstrap中提供了很多这种小图标,这些小图标都是通过@font-face属性结合字体来实现的,如图所示。

  • 02

    如何调用图标,请看部分使用图标代码如下:

  • 03

    运行以上代码结果效果图

(0)

相关推荐

  • 实例讲解Bootstrap中各种图标的使用技巧

    Bootstrap是一款非常实用的前端框架之一,也是目前主流的前端框架.学习难度低,开发效率高,因此得到IT行业的广泛使用.现在,我们以实际例子出发,看看Bootstrap中图标如何使用吧. 操作方法 ...

  • 值得Web设计师收藏的20套免费图标素材

    在网站设计中,图标是一个非常重要的元素,因为它们可以体现出很多细节,但在网站设计中,图标设计有时候很容易被忽略.也许图标只是一个很小的图形元素,但它们却在网站整体外观设计中起到了很重要的作用. 比如, ...

  • Word自定义右键菜单的VBA代码示例

    本Word的VBA代码的功能简介:在右键文本菜单的中部位置(相当于右击文本时出现的菜单),添加一个自定义命令,并执行相应过程。 Private Sub Document_Close() On Erro ...

  • FLV视频类播放器全屏切换完整AS代码示例

    function setFullScreen() { //fscommand("fullscreen", true); if (_root.logoCoolRabbit._visible == fal ...

  • 15个免费下载图标的好去处

    矢量性 你需要确保下载下来的图标是可伸缩的。虽然有一些用于演示的图标看起来很有趣,但是考虑到维护和易读性,还是会被减少使用。 所以你需要事先了解好图标使用需求,比如背景是干净简洁的还是复杂的。这样子找 ...

  • 8个设计师必看的免费UI图标设计资源站

    图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分.在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力.今天,小编给 ...

  • 找不到免费矢量图标资源?-10个最佳图标资源分享

    现在网络上丰富的免费设计资源包括免费字体和免费矢量图标资源都非常丰富,可以说是设计师们的救星.试想下,如果在某个项目中因为缺少特定的图标资源,你需要耗费大量的时间在茫茫网络中去寻找.而通常在这种情况下 ...

  • DISTILL提供可免费商用的高质量影片素材

    最近在网络上寻宝,又再度发现一个新网站,如果你正好需要一些影片素材,但又没有时间或经费自己拍摄的话,可以到这里找找有无合适的影片. Distill 专为设计师提供免费高画质影片素材,可搜寻.下载由其他 ...

  • 20组网页设计常用的图形素材(PSD图标免费下载)

    小编话:今天小编给大家带来的是@喵酱紫分享的20组免费网页设计常用的图形素材,大家都知道在ICONS的设计里越来越多的符号和图形被应用,字符图标也由原来的位图变成了矢量的图形格式.这就意味着你可以随意 ...