[英]Bootstrap few glyphicons are not showing
当我转到站点https://getbootstrap.com/docs/3.3/components/时,我可以从不同的字形中进行选择。
问题是底部的图标不起作用。 例如:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- showing --> <span class="input-group-addon"><i class="glyphicon glyphicon-random color-blue"></i></span> <!-- not showing --> <span class="input-group-addon"><i class="glyphicon glyphicon-option-horizontal"></i></span>
在我的asp.net(vb)项目中使用的bootstrap和jquery版本以下:
引导程序:3.3.7
jQuery的:3.2.1
有没有一种方法可以添加这些字形?
根据引导站点,那些不显示图标的用户应该可以在3.3.7下工作
查看引导CSS时,您可以看到图标实际上是图标字体。
@font-face{
font-family:'Glyphicons Halflings';
src:url(../fonts/glyphicons-halflings-regular.eot);
src:url(../fonts/glyphicons-halflings-regular.eot?#iefix)
.......
}
如果要显示这些图标,则必须确保浏览器可以找到这些字体。
对不起,这是我自己的错。
检查后,引导程序版本文件为3.0.0。 已更新至3.3.7,并且现在可以正常工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.