获取glyphicons.css的正确方法是什么?

时间:2017-12-03 01:53:20

标签: twitter-bootstrap glyphicons

我正在使用bootstrap 4.0。 4.0文档没有提到图标,但3.3文档没有提到。我想要一个类似于此的图标按钮:

<button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
</button>

我从3.3文档中得到了它,但它不起作用。我确实谷歌寻求解决方案(12等),这样做的方法似乎是手动列出这样的文件:

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

不幸的是我找不到版本4.0,但我不想在不知道发生了什么的情况下添加它。为什么它不包含在bootstraps主页上的cdn链接中?我觉得你应该自己服务这个文件?但我下载了bootstrap,无论如何都不在那里。

enter image description here

我错过了什么?我想要带图标的按钮。

1 个答案:

答案 0 :(得分:0)

使用Font Awesome真棒!!

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

<button type="button" class="btn btn-default btn-lg">
        <span class="fa fa-star" aria-hidden="true"></span> Star
</button>

这应该可以正常工作。

以下是所有图标的列表:http://fontawesome.io/icons/

祝你好运!