在 Bootstrap 项目 MVC 5 中添加 Glyphicons

Add Glyphicons in Bootstrap project MVC 5

这让我好几天没睡觉......我无法想象我在 MVC 5 和 Bootstrap 3 下工作的字形图标......对我有什么帮助吗?

我的看法:

<!DOCTYPE html>

    <html>
    <head>
        <meta http-equiv="content-type" content="text/html" charset="utf-8" />
        <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    </head>

    <body>           

                <div class="col-md-6">

                        <div style="text-align:justify">
                            <h4><span class="glyphicon-tags"></span>ID Orden Compra: @TempData["IdOrden"]</h4>
                            <h4><span class="glyphicon-eye-open"></span>Proveedor: @TempData["NombreProveedor"]</h4>
                            <h4><span class="glyphicon-user"></span>Usuario: @TempData["NombreUsuario"] @TempData["ApellidoUsuario"]</h4>
                            <hr />
                        </div>

                    <div class="form-group">
                        <div class="col-md-offset-2 col-md-10">
                         <input type = "submit" value="Guardar Recepcion" class="btn btn-info">                            
                        </div>
                    </div>

                </div>

        }

     <script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </body>
    </html>

您需要以 glyphicon 作为基础 css class 然后为特定的 css class 添加 glyphicon-tags) 作为第二个 css class

这应该有效

<span class="glyphicon glyphicon-tags"></span>