Question

我想这些标题可以说明一切。在我使用的bootstrap 3中设置的glyphicon图标中不存在引用图标。我知道我可以使用单独的图像，但这意味着会产生额外的请求，而且图像也不会是矢量图。所以我想知道可能有一种更优雅的方式吗？

Answer 1

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

<blockquote>I'm quoted</blockquote>

Answer 2

尝试使用Font-Awesome http://fortawesome.github.io/Font-Awesome/icons/它有qoutes。

在您的项目中下载并实施它，当您完成实施后，您可以像这样使用它：

<i class="fa fa-quote-left"><i>I'm quoted!<i class="fa fa-quote-right"><i>

如何在Bootstrap glyphicons中添加引用图标？

2 个答案: