×
Foundation 教程Foundation 起步Foundation 文本Foundation 表格Foundation 按钮Foundation 按钮组Foundation 图标Foundation 标签Foundation 提醒框Foundation 进度条Foundation 面板Foundation 图片Foundation 下拉菜单Foundation 折叠列表Foundation 列表Foundation 选项卡Foundation 分页Foundation 价格表Foundation 顶部导航栏Foundation 侧边栏Foundation 滑动导航(Off-Canvas)Foundation MagellanFoundation 表单Foundation 输入框尺寸Foundation 开关Foundation 滑块Foundation 提示框Foundation 模态框Foundation JoyrideFoundation 均衡器Foundation 网格系统Foundation 网格-水平堆叠Foundation 网格-小型设备Foundation 网格-中型设备Foundation 网格-大型设备Foundation 块状网格Foundation 网格实例Foundation 图标参考手册Foundation CSS 参考手册Foundation CSS 可见性

Foundation 图标参考手册


Foundation 图标

Foundation 提供了 283 图标,你可以使用 CSS 来渲染她们:修改大小和颜色。

图标创建语法格式如下:

<i class="fi-name"></i>

语法中 name 部分为图标指定的名称。

要使用图标,你可以将图片的样式文件放置在页面头部 <head> 部分:

<link rel="stylesheet" href="http://static.waitang.com/assets/foundation-icons/foundation-icons.css">

以上是外唐教程网使用的图标样式类,大家可以共用。

点我在新页面中查看图标。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)