bootstrap使用图标

 时间:2024-10-12 01:04:31

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

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使用图标
  • Python类的析构方法和call方法
  • jquery如何改变div高度
  • 易语言打开图片文件对话框应用
  • js append 中如何动态的添加样式
  • 如何使用ES6中的新增的特性和功能定义函数方法
  • 热门搜索
    微信分付怎么开通 叻怎么读 内眼角痒是怎么回事 怎么开淘宝网店 淘气值怎么增加 垃圾用英语怎么说 手工帽子的做法 升五笔怎么打 我的世界末地传送门怎么做 鲔怎么读