当前位置: 首页 > news >正文

Angular7 关于Bootstrap4.x.x版本无法使用Glyphicons 字体图标 简单解决方案

是的,笔者最近开始磨磨蹭蹭学起了这个Angular(等我系统性学习后,后面的博客估计会有很多关于Angular的东西了,当然后端开发依然是我的主打)。

 

 Angular版本确实可以说是更新飞快了(能不能稳定点???)。我就是很拼,用的7版本, 然后bootstrap用的4版本。 于是乎,发现,在bootstrap4版本里面,它不给用Glyphicons 字体图标 了(为啥不给用,自己去官方看)。

 

那么我就是想要这些小图标啊,怎么办???

 

网上解决方法很多,我刚才都试了下,什么3版本fonts迁移到4啊;下载其他图标库啊等等。

我不管,我推荐一个 我自己觉得最容易操作使用的方法(用font-awesome ),如下:

步骤1:

npm install --save font-awesome            去你的项目那边下载font-awesome 

下载成功后,去检查一下:

步骤2: 

@import '~font-awesome/css/font-awesome.css';  去styles.css文件里面加这个(告诉全世界,你的项目可以使用font-awesome样式了)

步骤3:

开始使用吧。

例子:我想要小星星。 那就去找个html页面,直接使用。

这些小图标代码怎么来的?  去官网复制粘贴啊:http://www.fontawesome.com.cn/icons/star-o/

 

好了,就这样吧。

相关文章:

  • springboot 获取访问接口的请求的IP地址
  • (Redis使用系列) Springboot 使用Redis+Session实现Session共享 ,简单的单点登录 五
  • 什么是Kafka
  • Springboot 线程同步之Semaphore 的简单使用
  • JAVA Gson的使用
  • JAVA 最全最细的fastjson使用介绍,带你透彻领悟JSON
  • fastJson注解@JSONField 的作用及其效果
  • HttpClient 不同版本的超时时间设置
  • 使用两个栈实现队列,简单例子
  • 数据库ACID
  • 线程小记
  • JAVA JDK1.8 时间戳与时间格式化 实用工具类
  • 单例模式 之内部类延迟加载,(多)线程安全
  • Springboot 用session监听器统计在线用户数量
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • JS 中的深拷贝与浅拷贝
  • eclipse的离线汉化
  • Java多线程(4):使用线程池执行定时任务
  • Linux下的乱码问题
  • node-sass 安装卡在 node scripts/install.js 解决办法
  • Puppeteer:浏览器控制器
  • WePY 在小程序性能调优上做出的探究
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 基于Volley网络库实现加载多种网络图片(包括GIF动态图片、圆形图片、普通图片)...
  • 基于webpack 的 vue 多页架构
  • 理解 C# 泛型接口中的协变与逆变(抗变)
  • 前端知识点整理(待续)
  • 实现简单的正则表达式引擎
  • 首页查询功能的一次实现过程
  • 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout
  • kubernetes资源对象--ingress
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • #常见电池型号介绍 常见电池尺寸是多少【详解】
  • $emit传递多个参数_PPC和MIPS指令集下二进制代码中函数参数个数的识别方法
  • (42)STM32——LCD显示屏实验笔记
  • (C语言)fread与fwrite详解
  • (规划)24届春招和25届暑假实习路线准备规划
  • (教学思路 C#之类三)方法参数类型(ref、out、parmas)
  • (三)c52学习之旅-点亮LED灯
  • (未解决)jmeter报错之“请在微信客户端打开链接”
  • (五)MySQL的备份及恢复
  • (转)菜鸟学数据库(三)——存储过程
  • (转载)在C#用WM_COPYDATA消息来实现两个进程之间传递数据
  • .bat批处理(一):@echo off
  • .NET Core 中的路径问题
  • .NET(C#) Internals: as a developer, .net framework in my eyes
  • .php文件都打不开,打不开php文件怎么办
  • @Bean, @Component, @Configuration简析
  • @Import注解详解
  • @SuppressLint(NewApi)和@TargetApi()的区别
  • @Transactional 竟也能解决分布式事务?
  • [ 数据结构 - C++] AVL树原理及实现
  • [100天算法】-二叉树剪枝(day 48)
  • [Android] Amazon 的 android 音视频开发文档
  • [Big Data - Kafka] kafka学习笔记:知识点整理