Question

我正在尝试为刷新图标设置动画，但我的问题是图标在我的jsp页面中不可见。这是我的标记，

<a id="update" href="#"><i class="icon icon-refresh"></i></a>

我使用了引导程序的所有链接

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

请允许任何人帮助我。

Answer 1

bootstrap图标的命名范围从2.0版重命名为3.0

请更改

<i class="icon icon-refresh"></i>

到

<i class="glyphicon glyphicon-refresh"></i>

bootstrap 3.0中的glyphicons文档可以在这里找到：http://getbootstrap.com/components/#glyphicons-glyphs

Answer 2

现在重命名图标类

<a id="update" href="#"><i class="glyphicon glyphicon-refresh"></i></a>

演示：Fiddle

注意：如果您使用的是bootstrap.js，那么您还需要在bootstrap.js文件之前包含jQuery

Answer 3

试试这个，它为我工作

<html>
<head>
    <title></title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

</head>
<body>
    <i class="glyphicon glyphicon-refresh"></i>
</body>
</html>

Bootstrap图标不可见

3 个答案: