Bootstrap 字体图标

简介: Bootstrap 字体图标

  • Glyphicons


  • 官方图标 Glyphicons

这里的字体图标都是通过fonts这个文件夹里面的文件来生成,我们十万不要将fonts 这个文件夹删除了!


```


rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

<!-- 字体图标 -->
<!-- 勾勾 -->
<span class="glyphicon glyphicon-ok"></span>
<!-- 爱心 -->
<span class="glyphicon glyphicon-heart"></span>
<!-- 三角图标 -->
<span class="caret"></span>

```

  • demo 效果:





相关文章
|
前端开发
bootstrap 插件 字体图标库 按钮库 日期插件
bootstrap 插件 字体图标库 按钮库 日期插件
|
前端开发
Angular7 关于Bootstrap4.x.x版本无法使用Glyphicons 字体图标 简单解决方案
Angular7 关于Bootstrap4.x.x版本无法使用Glyphicons 字体图标 简单解决方案
115 0
Angular7 关于Bootstrap4.x.x版本无法使用Glyphicons 字体图标 简单解决方案
|
前端开发 C#
Bootstrap WPF Style(二)--Glyphicons 字体图标
原文:Bootstrap WPF Style(二)--Glyphicons 字体图标 介绍 关于Glyphicons字体图标,首先给出友情链接 Glyphicons  这个项目是在Bootstrap WPF Style项目基础上做的,详见http://www.
1264 0
|
前端开发
bootstrap 导航,情境,字体图标
控件禁用 以button控件为例,下面两句都可以。效果为控件变灰,hover状态下鼠标指针变为禁止标志。 &lt;button type="button" disabled="disabled"&gt;i'm a button&lt;/button&gt; &lt;button type="button" disabled=&gt;i'm another button&lt;/bu
1171 0
|
前端开发 JavaScript 容器
Bootstrap<基础十一>字体图标(Glyphicons)
原文:Bootstrap字体图标(Glyphicons) 字体图标(Glyphicons),并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。 获取字体图标 我们已经在 环境安装 章节下载了 Bootstrap 3.x 版本,并理解了它的目录结构。
1394 0
N..
|
7月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
73 0
|
前端开发 容器
|
前端开发 容器
|
前端开发 开发者 容器