bootstrap是否具有基本圆形glyphicon

Question

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

Answer 1

就像其他人所说的那样,Bootstrap团队选择不填充带有标准字符的图标点.不过,建立自己的很容易:

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

演示1

如果你需要它非常大,你可能需要稍微摆弄一下位置.您无法减少伪元素的行高,因此您必须使用边距将其拉低:

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

演示2

还有一个空点:演示3

当然,你可以给它们上色:演示4

你问,怎么样在一个按钮上安装它？ 别担心.也可以使用负上边距.

Answer 2

不是默认情况下，您需要购买字形图标的商业版本。然而，有一个更好（而且免费！）的解决方案。只需前往Icomoon 应用程序并选择您喜欢的任何库，您甚至可以混合库，甚至可以找到完整的圆圈。但是，如果您不这样做，只需将圆圈上传到您选择的库或编辑现有图标之一即可。

顺便说一下，Icomoon 免费库有一个完整的空圆圈，也许你喜欢它，或者你可以编辑它。

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