Question

我尝试创建类似于此快速大纲中概述的社交按钮图标。 http://lipis.github.io/bootstrap-social/

我已经创建了一个指向我的Font Awesome cdn的链接，以及我使用Bower下载的social-bootstrap.css表的另一个链接，并且我已经迁移到项目文件夹中。当我只为图标输入代码时，我会看到一个彩色的框，但没有图标。请帮忙！

  <a class="btn btn-social-icon btn-twitter">
    <i class="fa fa-twitter"></i>
  </a>

Answer 1

所以这里有一些问题：

首先，当你在JSFiddle中使用外部资源（bootstrap，bootstrap-social等）时，你应该使用＆＃39;外部资源＆＃39;左侧的框，并确保您引用https版本，以便请求不被阻止。

接下来，仔细检查您的按钮HTML结构是否与演示网站上的结构匹配：

<a class="btn btn-block btn-social btn-dropbox">
    <i class="fa fa-dropbox"></i> Sign in with Dropbox
</a>

最后，这些将默认为全宽，因此我将它们包装在容器，行和宽度div中，以便将宽度控制为可用空间的一半。