Bootstrap4 图标无法使用,使用font-awesome代替

简介: 前言最近正在练手一个Angular4的项目,需要用到矢量图标相关的功能,但是发现Bootstrap4 图标功能失效,进过调查发现是图标功能被移除bootstrap包下,所以在这里记录一下。正文首先将font-awesome进行安装:npm install --save font-awesome然后在angular.json中进行配置,找到styles,将下方位置进行添加:"./node_modules/font-awesome/css/font-awesome.css"这样在项目中正常使用就行。

前言

最近正在练手一个Angular4的项目,需要用到矢量图标相关的功能,但是发现Bootstrap4 图标功能失效,进过调查发现是图标功能被移除bootstrap包下,所以在这里记录一下。

正文

首先将font-awesome进行安装:

npm install --save font-awesome

然后在angular.json中进行配置,找到styles,将下方位置进行添加:

"./node_modules/font-awesome/css/font-awesome.css"

这样在项目中正常使用就行。
需要什么图标可以直接从font-awesome 官网进行查询

目录
相关文章
|
前端开发
Bootstrap 字体图标
Bootstrap 字体图标
69 0
|
前端开发
Bootstrap样式(下)
Bootstrap样式(下)
|
6月前
|
前端开发 JavaScript 容器
bootstrap样式
bootstrap样式
|
前端开发 JavaScript 容器
Bootstrap 按钮样式
Bootstrap 按钮样式
75 0
|
开发框架 前端开发 JavaScript
|
前端开发 程序员
css制作的tip提示框
css制作的tip提示框
293 0
|
前端开发 CDN
Font-Awesome4.7.0版本字体图标显示问题
在Font-Awesome4.7.0版本有时可能会出现字体图标显示为空白小方框的情况,本文提供一个解决思路
1268 0
Font-Awesome4.7.0版本字体图标显示问题
|
前端开发
CSS3中引入多种自定义字体(font-face)
CSS3中引入多种自定义字体(font-face)
448 0
CSS3中引入多种自定义字体(font-face)
|
前端开发
font-awesome不显示以及字体样式的引入方式:
font-awesome不显示以及字体样式的引入方式:
706 0
font-awesome不显示以及字体样式的引入方式:
|
Web App开发 前端开发
BootStrap样式
Bootstrap简介 来自Twitter,是目前最流行的前端框架 是基于HTML、CSS、Javascript的一个简洁、灵活的开源框架,便于开发人员随时上手 目前版本V3 Bootstrap受欢迎的原因 快速制作响应式的网页来适配各种终端 开发简...
1852 0