logo标签列表

BootStrap字体图标显示问题

htmltwitter-bootstrapglyphicons
5

我尝试了多种方法，但Glyphicon无法加载。我错过什么或者哪里出了问题？我现在很困惑。

我查阅了这个答案：Answer

但图标仍然无法显示。

我的浏览器控制台没有错误。只有返回状态200的Xhr请求。

HTML：

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>@ViewBag.Title</title>
    <link href="~/AppContent/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/AppContent/css/Custom.css" rel="stylesheet" />
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">

</head>
<body>
    <div class="container-fluid">

        @*Header*@
        <div>
            <div class="row" style="background-color:blanchedalmond;">
                <div class="col-md-4" style="border:2px solid black;">
                    <h4>APPLICATION</h4>
                </div>
                <div class="col-md offset-md-7" style="border:2px solid black;">
                  <span class="glyphicon glyphicon-arrow-right">|<a href="#">Login</a></span>
                </div>
            </div>
        </div>

        @*Left panel*@
        <div>

        </div>

        @*Body*@
        <div>
            @RenderBody()
        </div>

        @*Right Panel*@
        <div>

      </div>
    </div>
    <script src="~/AppContent/js/jquery-3.2.1.min.js"></script>
    <script src="~/AppContent/js/tether.min.js"></script>
    <script src="~/AppContent/js/bootstrap.min.js"></script>
</body>
</html>

这是我的文件夹结构：

在此输入图片描述

感谢您的帮助，谢谢 :) 附注：我处于Bootstrap的初级水平。

3个回答
3
文件夹结构： enter image description here 在索引页面中附加外部文件： enter image description here 检查您的文件夹结构。按照index.html文件中显示的方式附加css、script。
我附上了截图。
删除“~”符号和您的根文件夹名称，即AppContent。
兄弟，你能正确地提供目录结构吗？我无法理解你所使用的IDE。另外，请告诉我如何从文件夹中链接脚本文件。该死，从没想过这个安装会让我这么烦恼:( - ARr0w
2
1
您的 glyphicon HTML 写错了，您可以使用以下代码更新您的 HTML。
<a href="#"><span class="glyphicon glyphicon-arrow-right"></span>Login</a>
我尝试了你的HTML代码，但图标仍未显示。 - ARr0w
你可以分享一个可行的 fiddle 给我们吗？这样我们就可以帮您解决问题。 - Super User
在上面的链接中，我用CSS和JavaScript文件的在线链接替换了本地地址，图标在那里显示出来了。但是在我的本地电脑上却没有显示出来。我是否使用了错误的Bootstrap文件？:S - ARr0w
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接