如何在Bootstrap 3 Glyphicons中传递数字

Question

是否有任何选项或解决方案传递数字是Bootstrap 3 Glyphicons喜欢

谢谢

Answer 1

是否有任何选项或解决方案传递数字是Bootstrap 3 Glyphicons？

简而言之,没有.这是所有可用的glyphicons.

Glyphicons可以作为图像文件或字体集.无论哪种方式,它们都是不可扩展的.它们是个人偶像.这就像说,我知道有一个az的字符集,但它也可以有一个小狗的图标.或者我知道这是一个苹果的图像,但像素可以改变,所以它是一个数字.

当然,您可以使用CSS轻松完成此操作.这是一个简单的实现,所以我不担心"额外课程的成本".如果您正在开发一个网站,您应该有足够的课程.

尝试使用CSS围绕带圆圈的数字的任何建议？:

使用边界半径

<div class="numberCircle">30</div>

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #fff;
    border: 2px solid black;
    color: black;
    text-align: center;
    font: 32px Arial, sans-serif;
    display: inline-block;
}

使用Unicode字符

对于20及更低版本,您可以使用enclosed_alphanumerics unicode字符:

①
②
③
④
⑤
⑥

①②③④⑤⑥

在jsFiddle演示