我的社交媒体图标未链接到社交媒体

Question

当我打开鼠标悬停在图标上时，指针没有显示出来。它没有链接到任何网站，我也不太确定为什么。这些图标来自字体--太棒了。我在“检查元素”中进入了开发人员工具，但仍然不清楚为什么它不能工作。同样的链接在其他页面上也是有效的。我只是在开始的body标签之前添加了这段代码，但是我确实在navbar标签中尝试了一下，它不起作用。提前感谢你的帮助。

<div class="collapse navbar-collapse pull-right" id="bs-example-navbar-collapse-1">
       <ul class="nav navbar-nav navbar-right social">
            <li><a href="#"><i class="fa fa-lg fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-lg fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-lg fa-google-plus"></i></a></li>
            <li><a href="#"><i class="fa fa-lg fa-linkedin"></i></a></li>
        </ul>

​

Answer 1

上面的代码是从你的网页上复制的吗？

从你发布的代码中可以清楚地看出，这些锚标签并没有链接回任何网站。

您只需稍微修改代码，即可链接回社交媒体页面。

在每个标签内都有href="#“，其中#是，请将其替换为指向社交媒体页面的链接。举个例子:如果我的推特是"http://www.twitter.com/freelance_leeds“，我会这样做：

<li><a href="http://www.twitter.com/freelance_leeds"><i class="fa fa-lg fa-twitter"></i></a></li>

这将需要为每个链接完成。

希望这能有所帮助！