Bootstrap有基本的圆形glyphicon图标吗？

Question

Bootstrap中的字形图标只有基本圆形吗？有很多带图像的圆形，但我只想使用基本圆形。

- Daniel Aldridge

---

如何使用点•字符？或者这些○ ◌‬ ● ◯ ❍。 - QuinnFTW

谢谢QuinnFTW..我希望有更大的东西。谢谢！ - Daniel Aldridge

只需将字体大小增加到6em。 - QuinnFTW

Answer 1

像其他人所说的那样，Bootstrap团队选择不使用标准字符填充图标位置。不过，构建自己的图标相当容易。

还有一个空点，当然可以着色。

最好通过使用语义化标记或扩展 Bootstrap的排版类 与自定义CSS实现大小调整。

.one-fine-dot::before {
  content: "\25cf";
}

.one-fine-red-dot::before {
  content: "\25cf";
  color: red;
}

.one-fine-empty-dot::before {
  content: "\25cb";
}

.lead .one-fine-dot {
  font-size: 1.5em;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<p>One fine dot: <span class="glyphicon one-fine-dot"></span></p>

<p>One fine red dot: <span class="glyphicon one-fine-red-dot"></span></p>

<p>One fine empty dot: <span class="glyphicon one-fine-empty-dot"></span></p>

<p class="lead">One fine lead dot: <span class="glyphicon one-fine-dot"></span></p>

<h2>One fine heading dot: <span class="glyphicon one-fine-dot"></span></h2>

- isherwood

Answer 2

不，它没有。Glyphicons Halflings字体中没有这样的图标。 Font Awesome有这样一个图标（名为fa-circle-o）。

- cvrebert

Answer 3

默认情况下不包含Glyphicons，您需要购买商业版本。不过，有一个更好的（而且免费！）解决方案。只需转到Icomoon App，选择任何您喜欢的库，甚至可以混合使用库，甚至找到一个完整的圆形图标。如果没有找到，只需上传一个圆形图标到所选库中或编辑现有图标即可。

顺便说一句，Icomoon Free库中有一个完整的空心圆，也许您会喜欢它，或者您可以进行编辑。

现在，您已经拥有了图标，只需导出，就可以获得图标和CSS，就像使用Bootstrap一样简单。

- Devin