我正在尝试构建响应式网站。为此,我使用的是 Bootstrap 3。我已经下载了 Bootstrap 3 并导入到我的网站根目录:
我不知道为什么,但在小屏幕上它不显示我的图标:
我的代码:
<!DOCTYPE html>
<html lang="lt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../bootstrap-3.2.0-dist/css/bootstrap-theme.css">
<link rel="stylesheet" href="../bootstrap-3.2.0-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/styles.css">
<script src="../js/jquery-2.1.1.js"></script>
<script src="../bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>
<script src="../js/script.js"></script>
<title>
title
</title>
</head>
<body>
<header class="top" role="header">
<div class="container">
<a href="../aplikacija/app.html" class="navbar-brand pull-left">
Application
</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="glyphicon-align-justify"></span>
</button>
<nav class="navbar-collapse collapse" role="navigation">
<ul class="navbar-nav nav">
<li><a href="../aplikacija/app.html">APP</a></li>
<li><a href="../ux/ux.html">UX</a></li>
</ul>
</nav>
</div>
</header>
<div id="app" class="content">
</div>
</body>
</html>
最佳答案
你的字形跨度应该有以下类:glyphicon glyphicon-align-justify
而不仅仅是 glyphicon-align-justify
关于javascript - Bootstrap 字形错误 : square instead of icon,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26217701/