社交按钮无法正常显示

Question

我有以下页脚：

<footer class="footer">
    <div class="container text-center">
        <a href="#">
            <i class="fa fa-facebook"></i>
        </a>
        <a href="#">
            <i class="fa fa-twitter"></i>
        </a>
        <a href="#">
            <i class="fa fa-linkedin"></i>
        </a>
    </div>
    <!--End container-->
</footer>
<!--End footer -->

我在上面加上以下内容：

<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/scrolling-nav.css" rel="stylesheet">

<!-- Font awesome CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Bootstrap social CSS --> 
<link href="css/bootstrap-social.css" rel="stylesheet"> 

然而，当我打开HTML时，我看到的只有：

如何让页脚显示正确的按钮？

Answer 1

显然，你的fontawesome的字体路径是错误的，你应该将fonts文件夹放在fontawesome.css的相同路径中，这是默认设置。

有关详细信息，请参阅http://fontawesome.io/get-started/