Question

Bootstrap中的glyphicons只有一个基本圈吗???有很多圈子里面有图像..但我只想用一个基本的cirlce。谢谢！

Answer 1

就像其他人所说的那样，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.也可以使用负上边距。

Answer 2

不，它没有。 the Glyphicons Halflings font中没有此类图标。

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

Answer 3

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

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

现在您已经拥有了自己的图标，只需导出，您就可以使用图标和CSS了，就像使用Bootstrap一样

bootstrap是否具有基本圆形glyphicon

3 个答案: