html - 使用离线 css 时,glyphicon 向上箭头不起作用

标签 html css bootstrap-4

我在 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>

最佳答案

替换这个 <span class="glyphicon">&#xe093;</span>

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

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

关于html - 使用离线 css 时,glyphicon 向上箭头不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45810400/

相关文章:

javascript - Foundation 6 - 单击时下拉元素不激活链接

html - Bootstrap 对齐文本和图像

php - 多个 Bootstrap Accordion 同时打开和关闭

javascript - 如何使用 JS 打印 HTML 部分?

html - IE float 权限问题

javascript - 单击按钮且页面更改时滚动回首页

jquery - 为什么剩下:auto; right:auto not centering a div?

jquery - 为什么 jquery/css 需要 'px' 作为 top 属性,而不是 width 或 height 属性?

javascript - 如何为 slideToggle 指示器使用箭头?

html - 是否有 CSS 布局可以反转桌面 View 中行堆栈中列的排列? (见图)