Twitter bootstrap 引导图示符图标不为';t显示在按钮上

Twitter bootstrap 引导图示符图标不为';t显示在按钮上,twitter-bootstrap,Twitter Bootstrap,我是新手。我想添加一些按钮 我在网上搜索带有图标的引导按钮,下面是我使用的示例: <button type="submit" class="btn btn-danger btn-block btn-sm" name="delete_row" onClick="return confirm('Are You Sure ?!!')"> Delete </button> 删除 结果是一个没有图标的红色删除按钮 我搜索了它,他们说,我应该使用glyphi

我是新手。我想添加一些按钮

我在网上搜索带有图标的引导按钮,下面是我使用的示例:

<button type="submit" class="btn btn-danger btn-block btn-sm" name="delete_row" onClick="return confirm('Are You Sure ?!!')">
      Delete
    </button>

删除
结果是一个没有图标的红色删除按钮

我搜索了它,他们说,我应该使用glyphicon,所以我在按钮上添加了这行代码:

<span class="glyphicon glyphicon-remove-sign"></span>

这个小广场应该是一个垃圾桶之类的东西,但它没有正确地显示出来

我也试过了,但结果还是一样:

<span class="glyphicon glyphicon-trash"></span>Delete
删除
这是我使用的图书馆:

<link rel="stylesheet" href="assets/css/font.css">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">

参见示例:

HTML


删除

将字体文件夹设置在与css文件夹相同的级别(引导程序所在的位置),并将glyphicon字体放在那里。然后在引导css文件中找到以下行,并确保它们也指向字体文件夹

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/glyphicons-halflings-regular.woff') format('woff'), 
  url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
  url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

不,我已经尝试过了,并在我的问题中发布了,没有结果可能我应该使用不同版本的引导?请正确检查引导css路径。它可以正常工作,因为我的web应用程序是响应的,所以路径可以正常工作
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/glyphicons-halflings-regular.woff') format('woff'), 
  url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
  url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}