Bootstrap图标未显示

时间:2017-01-18 18:16:02

标签: twitter-bootstrap

他们,我有问题。

我的项目在GitHub上,我的引导图标有问题。当我在本地打开网站时,一切正常,但是,我的项目是可见的,当我在网上打开它时,Bootstrap图标不可见。

有谁知道为什么?

1 个答案:

答案 0 :(得分:1)

您的字体真棒图标未加载,因为您是从http页面加载它们而不是https页面。更新您的index.html页面以使用:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">

您还会在浏览器的开发工具中看到错误。像这样:

Mixed Content: The page at 'https://nikolanbgd.github.io/Gym/' was loaded over HTTPS, but requested an insecure stylesheet 'http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'. This request has been blocked; the content must be served over HTTPS.