Bootstrap glyphicons显示错误的图像

时间:2017-12-28 06:47:45

标签: ios css windows bootstrap-modal glyphicons

下载bootstrap 3.3.7并解压缩包含css,fonts和js文件夹的所有文件。我将所有文件复制到www / css文件夹,www / js和www / css / fonts 在index.html中如下:

 <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/bootstrap.min.js"></script>

并使用按钮上的图标:

`<button type="button"><span class="glyphicon glyphicon-ok"></span>Yeah</button>
     <button type="button">span class="glyphicon glyphicon-remove"></span>Nope</button>
`

图标在Android平台上没有正确显示中文字符,其他花哨的图标在iOS平台上显示,而且没有图标显示在Windows平台上。

我尝试从npm install bootstrap下载 这是仅将文件夹添加到node_modules并且任何方法都不起作用。 不使用

的原因
`<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">`

因为应用程序应该在脱机状态下工作,所以将文件放在项目结构中。

请帮我解决此问题。

2 个答案:

答案 0 :(得分:3)

检查bootstrap.css中的这些行并按字母顺序纠正fonts文件夹的路径:

▶ A.singleton_class
#⇒ #<Class:A>
▶ A.singleton_class.instance_methods(false)
#⇒ [:hello]

答案 1 :(得分:0)

删除www文件夹并将文件夹(css / js / fonts)与你的html代码一起作为bootstrap的常见层次结构