Question

我使用Bootstrap使用向上箭头图标。当我在HTML中应用下载的css时，它无法正常工作，但如果在线使用完整的HTTP css路径，它就可以工作。我的代码是什么，告诉我我的代码在哪里出错，浏览器版本是否依赖？如果我使用https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css。它完整的路径。但我需要离线添加。

 <!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<body>
<div class="w3-container">
  <button class="w3-button w3-xlarge w3-circle w3-red w3-card-4"> <span class="glyphicon">&#xe093;</span></button>
</div>
</body>
</html>

Answer 1

替换它 <span class="glyphicon"></span>

与

<span class="glyphicon glyphicon-arrow-up"></span>

更多信息： https://getbootstrap.com/docs/3.3/components/

Answer 2

知道了！好吧，至少如果你在浏览器中使用μBlock插件。

对我来说，在“准备好的过滤器”页面（或者用英语调用的任何内容）中检查“忽略通用化妆品过滤器”选项（或英语中的任何内容）时，它都有效。

我试图找出此功能的来源位置，以了解该美容过滤器的工作原理，但无法找到它。我的意思是，如果带有glyphicon的元素编码方式不同，可能有办法解决该美化过滤器。

使用离线css时，glyphicon向上箭头不起作用

2 个答案: