您的位置首页生活百科

bootstrap使用各种图标

bootstrap使用各种图标

的有关信息介绍如下:

bootstrap使用各种图标

很多新手在bootstrap使用图标很多时候都遇到过不生效的问题吧,我来教大家保险使用图标,切让你获得更方便的输入

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

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

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

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

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

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