[英]How to install and use open-iconic with bootstrap 4 beta using CDN library?
I have included below 我在下面列出了
<!-- Bootstrap 4.0 Beta -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha256-m/h/cUDAhf6/iBRixTbuc8+Rg2cIETQtPcH9D3p2Kg0=" crossorigin="anonymous" />
<!-- open-iconic-bootstrap (icon set for bootstrap) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous" />
And used this as below with no luck 并使用如下,没有运气
<span class="oi oi-icon-person" title="person" aria-hidden="true"></span>
Use oi-person
class instead of oi-icon-person
: 使用
oi-person
类而不是oi-icon-person
:
<!-- Bootstrap 4.0 Beta --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha256-m/h/cUDAhf6/iBRixTbuc8+Rg2cIETQtPcH9D3p2Kg0=" crossorigin="anonymous" /> <!-- open-iconic-bootstrap (icon set for bootstrap) --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous" /> <span class="oi oi-person" title="person" aria-hidden="true"></span>
For installing Iconic manually, you need to create a CSS folder and move open-iconic-bootstrap.css
file inside it. 要手动安装Iconic,您需要创建一个CSS文件夹并在其中移动
open-iconic-bootstrap.css
文件。
If we open the file, we can see what we need exactly ( src: url('../fonts/open-iconic.eot');
). 如果我们打开文件,我们可以看到我们需要的东西(
src: url('../fonts/open-iconic.eot');
)。 Just move fonts folder in ../
and it's working ! 只需在
../
移动字体文件夹即可!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.