Question

我已经使用nuget包添加了bootstrap。添加了bootstrap样式表的链接，但没有加载glyphicons。请帮助。 `

<!DOCTYPE html> <html> <head>
    <title></title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.3/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.3/angular-route.js"></script>
    <script src="https://unpkg.com/@angular/router@0.2.0/angular1/angular_1_router.js"></script>
    <script src="../scripts/jquery-3.3.1.js"></script>
    <script src="../scripts/bootstrap.js"></script>
    <link href="../Content/bootstrap.css" rel="stylesheet" />   <meta charset="utf-8" /> </head> <body ng-app="moviesList">
    <h1>Movie List Application</h1>
    <span class="glyphicon glyphicon-star"></span>
    <div ng-view>

    </div> </body> </html>

`

Answer 1

尝试在标题和js的页脚部分加载css 并使用maxcdn链接进行bootstrap

<!DOCTYPE html> 
<html> 
    <head>
        <title></title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <meta charset="utf-8" /> 
    </head> 
    <body ng-app="moviesList">
        <h1>Movie List Application</h1>
        <span class="glyphicon glyphicon-star"></span>
        <div ng-view></div> 
    </body> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.3/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.3/angular-route.js"></script>
    <script src="https://unpkg.com/@angular/router@0.2.0/angular1/angular_1_router.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>

Bootstrap glyphicons在其他类正在工作时未加载

1 个答案: