BootStrap Glyphicon显示问题

Question

I've tried multiple ways. 我尝试了多种方法。 Glyphicon doesn't load. Glyphicon不加载。 what am i missing or where am i making a mistake? 我错过了什么或我在哪里弄错了？ i'm clueless now 我现在很傻了

I went through this answer: Answer 我回答了这个问题：答案

still icon just doesn't appear. 仍然没有出现图标。

and my browser's console has no errors. 我的浏览器控制台没有错误。 Only Xhr requests with return status 200. 只有Xhr请求返回状态为200。

Html: 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>

and this is my folder structure: 这是我的文件夹结构：

I will appreciate the help, thanks :) Ps: I'm at the initial level of bootstrap. 我将非常感谢帮助，谢谢:) Ps：我在初始级别的bootstrap。

Answer 1

Folder Structure : 文件夹结构：

Attaching external files in index page: 在索引页面中附加外部文件：

Check your folder structure. 检查文件夹结构。 Follow the structure of attaching css, script as showing in the index.html file. 遵循附加css的结构，脚本在index.html文件中显示。

I attached the screenshot. 我附上了截图。

Remove "~" sign and your root folder name ie AppContent. 删除“〜”符号和根文件夹名称即AppContent。

Answer 2

你的错误在这里解决了，我认为由于你包含的bootstrap库的错误导致的错误

....

Answer 3

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

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

BootStrap Glyphicon显示问题

问题描述

3 个解决方案

解决方案1
3 已采纳 2017-04-24 09:19:51

解决方案2
2 2017-04-24 07:45:11

解决方案3
1 2017-04-24 07:29:14

BootStrap Glyphicon显示问题

问题描述

3 个解决方案

解决方案1 3 已采纳 2017-04-24 09:19:51

解决方案2 2 2017-04-24 07:45:11

解决方案3 1 2017-04-24 07:29:14

解决方案1
3 已采纳 2017-04-24 09:19:51

解决方案2
2 2017-04-24 07:45:11

解决方案3
1 2017-04-24 07:29:14