脱机时未加载Bootstrap css文件中的图标
The icon from Bootstrap css file not loaded when offline
我有日期时间选择器,问题是没有图标出现在页面上。但是如果我禁用line(注释掉)从本地bootstrap.css然后添加超链接bootstrap.css从http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css它的工作完美。所以为什么?我想要本地的css文件,我以前是离线的,我不想要在线的css渲染。下面是我的代码:
<link href="css/bootstrap.css" rel="stylesheet"/>
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/moment.min.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' data-date-format="MM/DD/YYYY HH:mm" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
format : 'MM/DD/YYYY'
});
</script>
</div>
</div>
</form>
</body>
</html>
这行
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
我下载了css,然后我离线使用,但它不起作用。请帮助谢谢你,
将bootstrap包的所有内容放入文件夹中,包括bootstrap提供的字体
bootstrap文件夹结构类似于
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2
您没有包含Font
文件夹。只要从官方网站下载整个bootstrap包并保持文件夹结构不变然后将css文件包含在
<link href="bootstrap/css/bootstrap.css" rel="stylesheet"/>
确保您不仅下载了css样式表,而且还包含了字形图标,当您下载boostrap时,它附带了一个字体文件夹,将该文件夹与boostrap css放在同一目录下。
相关文章:
- 如何播放部分音频文件
- 从桌面读取python文件时高亮显示代码
- 如何在 JStree 3 中显示叶节点的类似文件的图标
- 如何在所有父节点上获取文件夹图标,在所有子节点上获取文件夹加图标(左侧的图标)
- 如果您单击文件夹图标而不仅仅是三角形图标,我如何让 jstree 关闭/打开
- 如何设置从eclipse导出时执行Jar文件图标
- Node.js fs获取目录中文件的图标
- 使用SVG文件动态修改谷歌地图图标
- 不能从PHP文件更改Google Maps标记的图标
- 来自多个PHP文件的自定义图标
- JsTree:改变"打开"使用“类型”的文件夹图标插件
- PHPExcel在生成excel文件时弹出进度条或等待图标
- AngularJS -显示加载图标,直到csv文件下载
- 如何用HTML/JavaScript在Adobe Air中显示图标文件
- 使用Javascript获取拖放文件图标
- 如何在HTA (HTML/Javascript/VBScript)中获得文件的关联图标
- 脱机时未加载Bootstrap css文件中的图标
- 上传多个文件时禁用拖放区中的多个图标
- 如何显示文件夹图标的图像像windows操作系统在剃刀mvc
- AngularJS材质图标,PNG文件