【问题标题】:What is the correct way to get glyphicons.css?获取 glyphicons.css 的正确方法是什么?
【发布时间】:2017-12-03 10:12:26
【问题描述】:

我正在使用引导程序 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 版的版本,但无论如何我都不想在不知道发生了什么的情况下添加它。为什么它不包含在引导主页上的 CDN 链接中?我觉得你应该自己提供这个文件?但是我下载了bootstrap,反正里面没有。

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

【问题讨论】:

  • 为什么不使用 fontawesome fontawesome.io
  • 查看Docs,他们确实涵盖了 Bootstrap 4 图标的删除。所以使用任何有意义的东西。如果您只需要几个图标,请查看 IcomoonFontello

标签: twitter-bootstrap glyphicons


【解决方案1】:

使用 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/

祝你好运!

【讨论】:

  • 我和其他人一样喜欢字体很棒,但我有问题。问题1,这是引导程序批准的方式吗?问题 2,我确实需要一两个图标。我不想只为一些微不足道的图标添加所有这些。问题3,版本仍然不匹配ಠ_ಠ
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-05-25
  • 2019-01-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-11-01
相关资源
最近更新 更多