如果我将所有内容复制并粘贴到Microsoft Visual Studio代码中,则以下Plunker代码(https://embed.plnkr.co/KpVqaiblOKGk5K6VWmi4/)可以完美地工作。脱机使用Bootstrap源文件后(即,将链接的href设置为文件位置而不是在线URL),将弹出以下错误消息,并且没有显示任何图标:
CSS3119:@ font-face规则bootstrap.css没有可用的字体(266,5)output without bootstrap icons
这是我的源文件目录的图像,我希望输出的样子,以及我的HTML代码(直接从Plunker链接复制并粘贴JA代码):source file directory listingcorrect output with bootstrap icons
<head>
<link rel="stylesheet" href="library/bootstrap.css" />
<!-- THIS CODE LOADS GLYPHICONS ICONS PROPERLY <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" /> -->
<link rel="stylesheet" href="library/angular-dropdownMultiselect.min.css" />
<link rel="stylesheet" href="style.css" />
<script src="library/angular.min.js"></script>
<script src="library/angular-dropdownMultiselect.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-app="App">
<div ng-controller="MyController">
<div style="margin-top: 25px;">
<dropdown-multiselect dropdown-config="config" model="selectedItems"></dropdown-multiselect>
</div>
<br>
<pre> Selected Items = {{selectedItems | json}} </pre>
</div>
</div>
</body>
在您的unk代码上您正在使用Fontawesome?您是否下载了本地Fontawesome?