gpt4 book ai didi

javascript - Bootstrap 字形错误 : square instead of icon

转载 作者:行者123 更新时间:2023-11-30 10:11:46 25 4
gpt4 key购买 nike

我正在尝试构建响应式网站。为此,我使用的是 Bootstrap 3。我已经下载了 Bootstrap 3 并导入到我的网站根目录:

folder

我不知道为什么,但在小屏幕上它不显示我的图标:

icon

我的代码:

<!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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com