BootStrap Glyphicon 显示问题

Question

我试过多种方法。 Glyphicon 不加载。我错过了什么或者我在哪里犯了错误？我现在一窍不通

我看了这个答案： Answer

只是没有出现静止图标。

并且我的浏览器控制台没有错误。只有 return 状态为 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.: 我是bootstrap.

的初级

Answer 1

你写错了HTML glyphicon，你可以用下面的代码更新你的HTML

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

Answer 2

Your error solved here，我认为错误是由于您包含的 bootstrap 库的错误造成的

....

Answer 3

文件夹结构：

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

检查您的文件夹结构。遵循附加 css 脚本的结构，如 index.html 文件中所示。

我附上了截图。

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

BootStrap Glyphicon 显示问题

BootStrap Glyphicon display issue

html

twitter-bootstrap

glyphicons