bootstrap使用各种图标

 时间:2026-04-22 04:24:05

1、首先在bootstrap官网下载包,可以直接bootstrap百度官网,一共有3种包,下载中间那种就可以了,比较简洁

bootstrap使用各种图标

bootstrap使用各种图标

2、打开Dreamweaver,创建一个html文件,保存。

bootstrap使用各种图标

3、之后将下载的bootstrap包,放入该文件同目录下。

bootstrap使用各种图标

4、使用Dreamweaver的引入样式表功能在head标签内引用bootstrap包内的bootstrap.css和bootstrap.min.css

bootstrap使用各种图标

5、在body标签中输入h3>图标</h3>       <span class="glyphicon glyphicon-home"></span>    <span class="glyphicon glyphicon-signal"></span>,这里我举例2个,其他请自行尝试,在Dreamweaver中正确引入了css文件后,你可以直接选择添加glyphicon开头的类选择器,而不用记住这些名字,所有的图标你都可以看到并且使用了,快试试效果吧

bootstrap使用各种图标

6、使用浏览器打开该文件浏览吧,出现图标就可以了

bootstrap使用各种图标

  • js怎样获取表格的自定义属性值
  • Oracle数据库之利用plsqldev进行数据库操作
  • visual studio code怎么设置终端为cmd
  • 怎么设置C语言程序开机自启动
  • 企业间集成架构概述
  • 热门搜索
    节约用水手抄报简单画 春天的手抄报 二年级数学手抄报 中秋节的手抄报 禁毒手抄报 新年手抄报 植树节手抄报简单好看 消防手抄报简单又漂亮 珍爱生命手抄报 遨游汉字王国手抄报