当我将站点上传到服务器时，Bootstrap导航栏切换图标和Awesome-Font图标消失

Question

最近我将我的网站上传到服务器，我注意到网站上的图标存在一些问题。

1. 在bootstrap固定导航栏上，“品牌”徽标和导航栏切换按钮上的3行消失。
2. 我使用Font-Awesome作为我的一些图标，并在将网站上传到服务器后也消失了。
3. 我注意到的另一个问题是“Magnific-Popup”技巧无效。

我必须提到我离线时没有这些问题。

任何想法如何解决这些问题？

提前谢谢大家！

Answer 1

1. 对于第一个，修复很简单。您需要更改图像的路径。如果路径是images / logo.png，请将..放在前面，所以../images/logo.png。

2. Font Awesome有一个链接href到它的css。你需要纠正它。所以，

   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
   

成了

    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">