我正在使用Bootstrap在glyph-icon上使用箭头。当我以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"></span></button>
</div>
</body>
</html>
最佳答案
取代这个<span class="glyphicon"></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/