BootStrap Glyphicon 显示问题答案

【问题标题】：BootStrap Glyphicon display issueBootStrap Glyphicon 显示问题
【发布时间】：2017-09-20 18:45:23
【问题描述】：

我尝试了多种方法。 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>

这是我的文件夹结构：

感谢您的帮助，谢谢 :) P.s.：我处于引导的初始级别。

【问题讨论】：

标签： html twitter-bootstrap glyphicons

【解决方案1】：

您为 glyphicon 写错了 HTML，您可以使用以下代码更新您的 HTML

<a href="#"><span class="glyphicon glyphicon-arrow-right"></span>Login</a>

【讨论】：

我试过你的html代码，还是没有显示字形。
你能分享一下这个工作小提琴吗，这样我们就可以解决你的问题
jsbin.com/sovudamibo/edit?html,output ...在上面的链接中，我用css和javascipt文件的在线链接替换了css和javascript的本地地址，图标出现在那里。但不是在我当地。我有错误的引导文件吗？ :S

【解决方案2】：

Your error solved here，我认为是您包含的引导库错误导致的错误

....

【讨论】：

【解决方案3】：

文件夹结构：

在索引页面中附加外部文件：

检查您的文件夹结构。按照 index.html 文件中显示的附加 css、脚本的结构。

我附上了截图。

删除“~”符号和您的根文件夹名称，即 AppContent。

【讨论】：

兄弟，您能否正确地提供目录结构，我无法在您使用的 IDE 上理解，另外，还请提供如何从文件夹中链接脚本文件。该死的，从没想过这个装置会让我紧张:(