字形图标未显示在按钮内

Question

我有以下按钮：

<button class="glyphicon glyphicon-option-horizontal" (click)="myFuncion()"></button>

将我的引导程序库从3升级到4.2.1后，图标停止显示。

我曾尝试将glyphicon glyphicon-option-horizontal类插入span或i中，但是看起来不像以前

Answer 1

因为Bootstrap 4+必须使用fontawesome图标而不是字形图标 请检查下面的stackblitz https://stackblitz.com/edit/angular-gfjyrc

<P>Boot strap 4+ using font awesome</P>
<button type="button" class="btn btn-primary"><i class="fa fa-search"></i>Primary</button>

<p>Bootstrap 4+ using glyphicon</p>

<button type="button" class="btn btn-primary">
    <span class="glyphicon glyphicon-search"></span> Search
  </button>

请检查此网址以获取更多详细信息 https://getbootstrap.com/docs/4.0/migration/

Answer 2

请您尝试一下

<button type="button" class="btn btn-default" (click)="myFuncion()">
  <span class="glyphicon glyphicon-search"></span> Search
</button>

更新： 我刚刚发现glyphicon已从BT4中删除，因此您应该手动添加它。检出this。