Bootstrap是否有一个基本的圆形图形

Question

Bootstrap中只有一个基本的圆形图标吗？有很多圈子里有图像..但我只是想使用基本cirlce。 谢谢！

Answer 1

不是默认情况下，您需要购买glyphicons的商业版本。不过，还有更好的（免费！）解决方案。只要去Icomoon App并选择任何你喜欢的图书馆，你甚至可以混合图书馆，甚至可以找到一个完整的圈子。但是，如果您不这样做，只需将一个圆圈上传到选定的库或编辑其中一个现有图标即可。

顺便说一句，Icomoon Free库有一个完整的EMPTY圆圈，也许你喜欢这个，或者你可以编辑它。

现在，你有你的图标，只是出口，你就会有图标和CSS随时使用，就像与引导

Answer 2

不，不。 the Glyphicons Halflings font中没有这样的图标。

Font Awesome has such an icon though（命名为fa-circle-o）。

Answer 3

和其他人一样，Bootstrap团队选择不使用标准字符填充图标点。这是很容易建立自己的，虽然：

.glyphicon.glyphicon-one-fine-dot:before { 
    content: "\25cf"; 
    font-size: 1.5em; 
} 

Demo 1

如果你需要非常大的，你可能需要与位置摆弄了一下。你不能减少伪元素上线的高度，所以你必须把它拉下来与边距：

.glyphicon.glyphicon-one-fine-dot { 
    margin-bottom: -.8em; 
    overflow: hidden; 
} 
.glyphicon.glyphicon-one-fine-dot:before { 
    content:"\25cf"; 
    font-size: 3em; 
} 

Demo 2

有一个空的点，也：Demo 3

而且，当然，你可以给它们加上颜色：Demo 4

那么把它放在一个按钮中，你问什么？ No worries.只需使用负顶部边距。