引导4 -字形迁移?

我们有一个大量使用象形文字的项目。 Bootstrap v4完全删除了字形字体。

是否有一个等效的图标与Bootstrap V4?

http://v4-alpha.getbootstrap.com/migration/

当前回答

去

https://github.com/Darkseal/bootstrap4-glyphicons

下载并包含在您的代码中

<link href="bootstrap4-glyphicons/css/bootstrap-glyphicons.css" rel="stylesheet">

其他回答

如果你正在使用Laravel 5.6，它附带Bootstrap 4。你所需要做的就是:

npm install and npm install open-iconic --save

在/资源/资产/ sass /应用程序。将谷歌字体导入的第2行更改为

@import '~open-iconic/font/css/open-iconic-bootstrap';

你现在要做的就是

npm run watch

,包括

<link rel="stylesheet" href="{{asset('css/app.css')}}">

在主刀片文件顶部和<script src="{{asset('js/app.js')}}"></script>在关闭body标签之前。你会得到Bootstrap 4和图标。

用法是<span class="oi oi-cog"></span>

有关图标的详细信息，请参阅这里:打开图标:由Bootstrap推荐4

如果在其他项目而不是Laravel，你可以只做import @import 'node_modules/open-iconic/font/css/open-icon -bootstrap-min.css';在你的样式文件中。

希望这能有所帮助。快乐的尝试。

对于那些正在寻找一行程序解决方案的人，您只能导入Bootstrap Glyphicons:

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css">

概述:

我使用bootstrap 4没有象形文字。我发现一个问题与引导树视图依赖于象形文字。我使用树视图，我使用scss @extend转换图标类样式为字体awesome类样式。如果你问我，我认为这是相当狡猾的!

细节:

我使用scss @extend来为我处理它。

我以前决定使用font-awesome，没有比我过去使用它更好的理由了。

当我尝试bootstrap treeview时，我发现图标不见了，因为我没有安装字形。

我决定使用scss @extend特性，让glyphicon类使用font-awesome类，如下:

.treeview {
  .glyphicon {
    @extend .fa;
  }
  .glyphicon-minus {
    @extend .fa-minus;
  }
  .glyphicon-plus {
    @extend .fa-plus;
  }
}

去

https://github.com/Darkseal/bootstrap4-glyphicons

下载并包含在您的代码中

<link href="bootstrap4-glyphicons/css/bootstrap-glyphicons.css" rel="stylesheet">

它还没有随bootstrap 4一起发布，但现在bootstrap团队正在开发他们的图标库。

https://icons.getbootstrap.com/

https://github.com/twbs/icons

推荐文章